UI/UX Pro Max

스타일, 색 조합, 글꼴 조합, UX 규칙을 모은 로컬 데이터를 검색해 제품에 맞는 디자인 시스템을 제안하는 디자인 스킬 모음입니다.

플러그인UI 디자인nextlevelbuilder 제작 · 비공식 한국어 정리
설치 방법 보기원본 저장소

언제 쓰면 좋나

새 페이지나 앱을 만들면서 어떤 스타일과 색, 글꼴을 써야 할지 기준이 없을 때 씁니다. 제품 종류를 말하면 파이썬 검색 스크립트가 로컬 데이터에서 페이지 구성, 스타일, 색, 글꼴, 피해야 할 패턴을 골라 디자인 시스템 한 벌로 제안하고, 에이전트가 이를 코드에 적용합니다. React, SwiftUI, Flutter처럼 스택별 지침도 따로 찾을 수 있어 웹 밖의 화면에도 쓸 수 있습니다.

설치

설치 전에 알아 둘 것

검색 스크립트를 돌리려면 Python 3이 필요합니다(표준 라이브러리만 씁니다). CLI로 설치할 때는 Node.js 18 이상과 npm도 필요합니다.

아래 방법 중 하나만 따라 하면 됩니다.

아래 명령은 Claude Code 기준입니다. Cursor, Codex, Gemini CLI에서는 원본 저장소의 설치 안내를 따르세요.

방법 1 Claude Code 플러그인

  1. Claude Code에서 입력
    /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
  2. Claude Code에서 입력
    /plugin install ui-ux-pro-max@ui-ux-pro-max-skill

방법 2 CLI로 설치

프로젝트 폴더에서 실행합니다. claude 자리에 cursor, codex, gemini 같은 도구 이름을 넣고, 모든 프로젝트에서 쓰려면 --global을 붙입니다.

  1. 터미널에서 실행
    npm install -g ui-ux-pro-max-cli
  2. 터미널에서 실행
    uipro init --ai claude

주의할 점

  • npm 패키지 이름은 ui-ux-pro-max-cli입니다. 예전 uipro-cli는 1월 이후 갱신되지 않아 --global 같은 옵션이 없습니다. 예전 글의 설치 명령은 맞지 않을 수 있습니다.
  • npm 배포는 2026-08-13의 v2.15.0에서 멈춰 있습니다(#457). 그래서 README에 있는 --ai zcode처럼 그 뒤에 추가된 대상은 Invalid AI type 오류가 납니다(#528).
  • CLI는 플러그인과 다른 SKILL.md를 만들어 설치합니다. CLI 설치본에 references/ 폴더가 없다는 보고가 열려 있고, 아직 재현되지는 않았습니다(#549).
  • 플러그인과 CLI 모두 banner-design, brand, slides 같은 하위 스킬 6개를 함께 설치합니다. 로고와 목업 이미지를 만들려면 Gemini나 MuAPI의 API 키가 필요하고, 생성물에는 그 서비스의 약관이 적용됩니다.
  • README는 브랜드, 로고, 배너, 슬라이드 기능을 유료 버전의 내용으로 소개합니다. 이 저장소에도 같은 이름의 하위 스킬이 있으니, 차이는 공식 사이트(uupm.cc)에서 확인하세요.
  • 라이선스의 기준은 저장소의 MIT입니다. 다만 ui-styling 하위 스킬은 MIT 표기와 Apache-2.0 원문이 함께 있어 아직 정리되지 않았습니다(#544). npm 2.15.0 안의 README에는 CC-BY-NC-4.0 문구가 남아 있을 수 있는데, 관리자는 잘못된 표기였다고 밝혔습니다.
  • 저장소의 stack/ 템플릿을 복제해 쓴다면 .mcp.json의 MCP 서버가 확인 없이 승인되고, 서버 버전이 @latest라 실행할 때마다 달라질 수 있습니다(#514). 이 스킬만 설치할 때는 해당하지 않습니다.

커뮤니티 반응

HN의 프로젝트 소개 글 두 건에 디자인 작업이나 마음에 들지 않는 화면을 다시 디자인하는 데 썼다는 언급이 있고, 비교 글은 낯선 업종이나 스택에서 후보를 찾는 검색 도구로 쓰되 최종 방향은 하나로 정하라고 권합니다. 반면 저장소에는 적용 뒤 화면이 어수선해지고 핵심 내용이 아래로 밀렸다는 이슈와, 기존 사이트가 오히려 나빠졌다는 이슈가 열려 있습니다. 후자의 댓글에는 모델이 강해질수록 무거운 지침이 역효과를 낸다며 가벼운 스킬로 바꿨다는 의견도 있습니다. 같은 업종의 결과물이 비슷해질 수 있다는 지적도 있지만, 직접 써 보지 않은 글의 추정입니다.

다른 사용자들의 공개 후기를 요약했습니다(2026-11-06 확인).

함께 비교한 글

비슷한 도구

UI/UX Pro Max 대신 쓸 만한 도구와 같은 UI 디자인 카테고리에서 별이 많은 도구입니다.