UI/UX 프로맥스|UI/UX 설계 지능

만들려는 서비스의 성격을 먼저 묻고, 거기에 맞는 화면 스타일·색 조합·글꼴 짝·컴포넌트 구조를 통째로 짜 줍니다. UI 스타일 84종, 색 팔레트 192종, 글꼴 조합 74종, 업종별 판단 규칙 161개를 갖고 있어서 "알아서 예쁘게" 대신 "이 업종엔 이게 맞는다"는 근거를 답니다.

도도리 AI연구소 · 최종 수정 2026년 10월 7일 · CC BY-NC 4.0

디자인 분야 · 디자인·이미지 용도 · 개발자용입니다.

ui-ux-pro-max 스킬 설치 한 줄

Claude Code 에서 마켓플레이스를 먼저 등록합니다. Claude Code 는 터미널·데스크톱 앱(Mac·Windows)·웹(claude.ai/code)·VS Code·JetBrains 확장 어디서든 쓰며, 명령을 넣는 자리에 붙여 넣으시면 됩니다.

ui-ux-pro-max 스킬 설치 절차 전체

위 한 줄에서 막히셨다면 여기를 보십시오. 터미널로 쓰시는 분을 위해 터미널 여는 법부터 확인 명령까지 순서대로 적어 두었습니다. 데스크톱 앱·웹·편집기 확장으로 쓰시면 터미널 여는 단계는 건너뛰고 명령 입력 칸에 같은 줄을 넣으시면 됩니다.

# ui-ux-pro-max 설치

## 1. 마켓플레이스를 등록합니다

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill

## 2. 플러그인을 넣습니다

/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

## 3. Claude Code 를 다시 시작합니다

쓰시던 방식대로 Claude Code 를 껐다 켜십시오.
터미널이면 claude 를 끝내고 다시 실행하고, 데스크톱 앱·웹·편집기
확장이면 그 세션을 새로 여십시오. 실행 중인 세션은 시작할 때 읽은
목록을 그대로 씁니다.

대화만 하는 Claude 앱은 여기서 다시 시작할 대상이 아닙니다.
그쪽에는 스킬이 들어가지 않습니다.

## 4. 확인

넣고 나면 관련 작업에서 알아서 불러 씁니다.
매번 지정하지 않아도 됩니다.

이렇게 시켜 보세요

넣고 나서 바로 던져 볼 수 있는 지시문입니다. 누르면 복사됩니다.

알아 둘 것

ui-ux-pro-max 스킬 안 될 때 확인할 것

기술 스택을 말해 주면 결과가 더 정확합니다

React·Vue·Tailwind·SwiftUI·Flutter 등 22종 기술 스택별 지침이 따로 있어, 스택을 지정하지 않으면 일반적인 답이 나옵니다.

언제 쓰고, 언제 안 쓰나

색도 글꼴도 뭘 골라야 할지 감이 안 잡힐 때 씁니다. 이미 디자인 시스템이 잡혀 있다면 그 기준이 우선입니다.

비슷한 것 중에 왜 이걸

frontend-design 은 흔한 템플릿처럼 보이지 않게 방향만 잡아 주고, 이건 업종을 묻고 색·글꼴·구조를 통째로 정해 줍니다. 판단 규칙을 갖고 있어서 "알아서 예쁘게" 가 아니라 "이 업종에는 이게 맞는다" 로 답이 나옵니다. 고를 것이 너무 많아 시작을 못 할 때 이쪽이고, 이미 취향이 있는데 다듬고 싶은 것이라면 frontend-design 쪽입니다. 디자인 시스템이 이미 있는 팀에서는 둘 다 그 기준 뒤로 물러나야 합니다.

디자인 도구를 고를 때

Figma 등 디자인 툴과 연동합니다. 팀 플랜이 필요한 기능인지, 읽기 권한만 요구하는지 편집 권한까지 요구하는지 확인하세요.

원본 보기

스킬의 실제 내용은 SKILL.md 파일 하나에 들어 있습니다. 넣기 전에 한 번 읽어 보시는 것을 권합니다. 스킬은 Claude 에게 그대로 들어가는 지시문이라, 무엇을 시키는지 확인하지 않고 쓰면 의도치 않은 동작을 할 수 있습니다.

GitHub 에서 nextlevelbuilder/ui-ux-pro-max-skill 열기

이 작업에 쓰는 장비 제휴 링크

만든 화면을 실제 기기에서 확인하는 작업입니다.

갤럭시 Z 폴드8접이식 화면. 접었을 때와 폈을 때 폭이 두 배 가까이 다릅니다.(삼성전자) 삼성 공식 갤럭시 Z 폴드8 울트라 (1TB) (SM-F976N) (자급제폰) (크림) 3,301,100원보기 ↗아이패드A16 모델. 만든 화면을 손으로 확인하는 용도입니다.Apple 2025 아이패드 (A16 모델) 636,650원보기 ↗노트북 거치대화면을 눈높이로 올립니다. 알루미늄, 접이식.애니클리어 프리미엄 알루미늄 노트북 거치대 받침대 AP-1 15,760원보기 ↗

이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 이용자가 내는 금액은 달라지지 않습니다.

별점과 댓글

이 스킬을 써 보신 분의 별점(5점 만점)과 한마디입니다. 작성자는 아이디 앞 3자만 보입니다(예: wor****). 읽는 데는 제한이 없고, 남기는 것은 로그인한 회원만 됩니다. 한 사람이 한 번이며 다시 쓰면 앞의 것을 덮어씁니다.

자주 묻는 것

UI/UX 프로맥스 스킬(ui-ux-pro-max)은 어떻게 설치합니까?

클로드 코드 대화창에 /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill 을 치십시오. 넣은 뒤에는 클로드를 완전히 껐다 켜야 반영됩니다. 창만 닫으면 안 됩니다.

UI/UX 프로맥스 스킬은 무엇을 합니까?

만들려는 서비스의 성격을 먼저 묻고, 거기에 맞는 화면 스타일·색 조합·글꼴 짝·컴포넌트 구조를 통째로 짜 줍니다. UI 스타일 84종, 색 팔레트 192종, 글꼴 조합 74종, 업종별 판단 규칙 161개를 갖고 있어서 "알아서 예쁘게" 대신 "이 업종엔 이게 맞는다"는 근거를 답니다.

UI/UX 프로맥스 스킬은 언제 씁니까?

화면은 만들어야 하는데 색도 글꼴도 뭘 골라야 할지 감이 안 잡힐 때입니다. 색도 글꼴도 뭘 골라야 할지 감이 안 잡힐 때 씁니다. 이미 디자인 시스템이 잡혀 있다면 그 기준이 우선입니다.

UI/UX 프로맥스 스킬을 쓸 때 걸리는 데가 있습니까?

기술 스택을 말해 주면 결과가 더 정확합니다. React·Vue·Tailwind·SwiftUI·Flutter 등 22종 기술 스택별 지침이 따로 있어, 스택을 지정하지 않으면 일반적인 답이 나옵니다.

함께 보면 좋은 스킬

어느 것부터 깔지 모르겠다면 클로드 스킬 추천 15개를 보십시오. 67개를 직접 깔아 보고 골랐습니다.