글꼴·색·레이아웃을 고를 기준표, UI UX Pro Max
운영자
스타일·색 조합·글꼴 짝·차트 종류와 프레임워크별 화면 규칙을 검색해 쓰는 디자인 기준 플러그인입니다. «무슨 색, 무슨 글꼴로 할지»를 감으로 정하지 않게 해 줘요.
ui-ux-pro-max 설치를 부탁해. 원본: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 설명: https://ddalkkak.ssemgong.com/p/ui-ux-pro-max/raw 설치 명령: ``` claude plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill claude plugin install ui-ux-pro-max@ui-ux-pro-max-skill ``` 순서 1. 원본 저장소의 README를 먼저 읽고, 위 명령이 지금도 맞는지 확인해. 2. 네가 Claude Code라면 위 명령을 터미널에서 실행해. Codex 같은 다른 도구라면 README에 있는 그 도구용 설치 방법을 따라. 3. 끝나면 `claude plugin list`로 설치됐는지 확인하고 결과를 알려 줘. 새로 열어야 적용되면 그렇다고 말해 줘. 4. API 키·로그인·유료 결제가 필요하면 멈추고 나에게 물어봐. 키를 만들거나 추측하지 마.
Claude Code·Codex 같은 AI 코딩 도구에 그대로 붙여 넣으면 원본을 확인하고 설치까지 해 줍니다.
이런 걸 해요
- 화면 스타일, 색 조합, 글꼴 짝, 차트 종류를 모아 둔 기준표에서 지금 만드는 화면에 맞는 것을 찾아 줘요.
- React·Next.js·Vue·Svelte·SwiftUI·Flutter·Tailwind 등 프레임워크별 화면 규칙도 들어 있어요.
- 접근성(글자 대비 등) 기준도 함께 봐요.
이렇게 쓰세요
- 새 프로젝트라 기준이 아직 없을 때 «이 서비스에 맞는 색·글꼴 기준부터 골라 줘»로 시작하세요.
- 이미 디자인 규칙 파일(
DESIGN.md)이 있는 프로젝트라면 그 파일이 우선이에요. 이 플러그인은 빈 곳을 채울 때만 써요. - 다른 디자인 스킬과 같이 깔면 서로 겹칠 수 있어요. 한 번에 하나씩 붙여 보세요.
꼭 알아 둘 점
- 다른 에이전트용으로는
npm install -g ui-ux-pro-max-cli뒤uipro init --ai claude처럼 설치하는 방법도 있어요. 예전uipro-cli패키지는 쓰지 마세요. - 기준표 검색에 Python 3가 필요해요.
- 종류
- 플러그인
- 분류
- 디자인
- 만든 곳
- nextlevelbuilder
- 라이선스
- MIT
- 참고한 글
- 낭만빌더 · 클로드로 만든 사이트 AI 티 지우는 디자인 레포 5개 — 직접 써 보고 다시 정리했어요