ui-ux-pro-max
커뮤니티에서 만든 UI/UX 지식 베이스 skill입니다. 로컬 CSV 데이터(스타일, 팔레트, 폰트 조합, UX 규칙, 차트 유형, 기술 스택)와 Python 검색 스크립트로 구성되며, 에이전트가 페이지를 작성하기 전에 디자인 시스템을 만들어 냅니다.
- 경로
.claude/skills/ui-ux-pro-max · SKILL.md- 설치 도구
ui-ux-pro-max-cli@2.15.0 (skill 자체 CLI)
각 프롬프트는 Codex 네이티브, Codex + skill, Claude Code 네이티브, Claude Code + skill의 고정 2×2로 표시됩니다. 스크린샷을 클릭하면 전체 페이지를 볼 수 있습니다. 설치 및 사용 ↓
강점
skill의 자체 문서가 내세우는 강점을 출처와 함께 정리했습니다. 이는 주장일 뿐 결과가 아니므로, 아래의 실제 페이지와 비교해 보시기 바랍니다.
- 웹, 모바일, 데스크톱 UI를 위한 검색 가능한 로컬 디자인 데이터(스타일, 제품별 팔레트, 글꼴 조합, UX 가이드라인, 차트 유형, 기술 스택) 출처
- 업종별 색상 팔레트와 추론 규칙으로 제품 유형마다 디자인 시스템을 생성 출처
- 대시보드와 분석을 위한 차트 유형 추천 출처
테스트 범위: SaaS 랜딩 페이지, 데이터 대시보드, 개인 블로그 및 포트폴리오. 범위 밖의 프롬프트는 ‘대기 중’이 아니라 ‘범위 밖’으로 표시합니다.
v0 실행 후에 skill 원문과 대조해 확인했습니다(미리 정한 것이 아닙니다). 인용문은 참조 커밋 시점의 저장소에서 가져왔으며, 갤러리는 description이 같은 CLI 2.15.0 출력을 실행합니다.
- 모델
gpt-6.1-sol · high- 시간
- 7m 51s
- 토큰
- in 424k · out 24.5k
- Skill 사용
- 해당 없음
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-25
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
gpt-6.1-sol · high- 시간
- 7m 14s
- 토큰
- in 462k · out 22.0k
- Skill 사용
- 예
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-25
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
claude-opus-5-5 · high- 시간
- 7m 11s
- 토큰
- in 30 · cache 873k · out 37.6k
- Skill 사용
- 해당 없음
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-26
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
Claude Code + ui-ux-pro-max
성공
- 모델
claude-opus-5-5 · high- 시간
- 13m 48s
- 토큰
- in 76 · cache 3.78M · out 59.1k
- Skill 사용
- 예
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-26
a11y: 발견된 문제 없음▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
gpt-6.1-sol · high- 시간
- 6m 56s
- 토큰
- in 326k · out 25.8k
- Skill 사용
- 해당 없음
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-25
a11y 치명적 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
gpt-6.1-sol · high- 시간
- 9m 00s
- 토큰
- in 1.30M · out 27.7k
- Skill 사용
- 예
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-25
a11y 치명적 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
claude-opus-5-5 · high- 시간
- 8m 03s
- 토큰
- in 34 · cache 1.08M · out 46.4k
- Skill 사용
- 해당 없음
- 외부 참조
- 없음
- 실행 날짜
- 2026-10-26
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
Claude Code + ui-ux-pro-max
성공
- 모델
claude-opus-5-5 · high- 시간
- 7m 12s
- 토큰
- in 28 · cache 1.05M · out 49.9k
- Skill 사용
- 예
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-26
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
gpt-6.1-sol · high- 시간
- 4m 59s
- 토큰
- in 218k · out 19.8k
- Skill 사용
- 해당 없음
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-25
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
gpt-6.1-sol · high- 시간
- 6m 55s
- 토큰
- in 510k · out 20.3k
- Skill 사용
- 예
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-25
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
- 모델
claude-opus-5-5 · high- 시간
- 10m 28s
- 토큰
- in 24 · cache 661k · out 41.1k
- Skill 사용
- 해당 없음
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-26
a11y 심각 1▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
Claude Code + ui-ux-pro-max
성공
- 모델
claude-opus-5-5 · high- 시간
- 8m 05s
- 토큰
- in 54 · cache 2.22M · out 45.3k
- Skill 사용
- 예
- 외부 참조
- fonts.googleapis.com, fonts.gstatic.com
- 실행 날짜
- 2026-10-26
a11y: 발견된 문제 없음▶ 녹화
👍 0 · 투표하기
페이지 열기 · run.json
설치 및 사용
이 skill은 자체 CLI(ui-ux-pro-max-cli@2.15.0)가 에이전트별로 생성합니다. 갤러리 실행에는 그 출력을 사용했습니다.
Claude Code
설치
npx ui-ux-pro-max-cli@2.15.0 init --ai claude
현재 프로젝트의 .claude/skills/ui-ux-pro-max/에 파일을 생성합니다.
사용
# 대화형
/ui-ux-pro-max <작업 내용>
# 또는 요청 끝에 다음 문장 추가
Use the ui-ux-pro-max skill.
# 헤드리스(갤러리 실행과 동일)
claude -p '<작업 내용> Use the ui-ux-pro-max skill.'
모든 프로젝트에서 사용하려면 대신 ~/.claude/skills/ui-ux-pro-max/에 폴더를 두면 됩니다. 요청이 skill 설명과 일치하면 Claude Code가 skill을 스스로 로드할 수도 있습니다.
Codex
설치
npx ui-ux-pro-max-cli@2.15.0 init --ai codex
현재 프로젝트의 .agents/skills/ui-ux-pro-max/에 파일을 생성합니다.
사용
# 대화형: 이름으로 언급하거나 /skills에서 선택
$ui-ux-pro-max <작업 내용>
# 헤드리스(갤러리 실행과 동일)
codex exec -s workspace-write '<작업 내용> Use the $ui-ux-pro-max skill.'
모든 프로젝트에서 사용하려면 대신 ~/.agents/skills/ui-ux-pro-max/에 폴더를 두면 됩니다. Codex도 설명을 보고 skill을 스스로 선택할 수 있습니다.
참고
- 검색 스크립트를 실행하려면 python3(표준 라이브러리만 사용)가 필요합니다.
- 업스트림 README는
npm i -g ui-ux-pro-max-cli를 권장하지만, 갤러리는 대신 버전을 고정한 npx를 사용하므로 전역으로 설치되는 것이 없습니다.
메타데이터: skills/ui-ux-pro-max/meta.yaml · Copyright (c) 2024 Next Level Builder
