UI UX Pro Max

실제로 무엇을 설치하는가

이 저장소는 영리한 프롬프트가 아니라 앞에 검색 엔진을 둔 데이터셋입니다. 설치는 CLI로 합니다. `ui-ux-pro-max-cli`를 전역으로 설치한 뒤 프로젝트 안에서 `uipro init --ai <어시스턴트>`를 실행하면, 쓰고 있는 도구에 맞는 스킬 파일이 작성됩니다. README에는 대상이 길게 나열돼 있습니다 — Claude Code, Cursor, Codex, Copilot, Gemini CLI, Windsurf 등과, 그 관례를 따르는 도구를 위한 범용 경로 `.agents/skills/`까지 — 대안으로 Claude Code 플러그인 설치도 있습니다. 검색 스크립트는 Python 3이 필요하고, README에 따르면 표준 라이브러리만 쓰며 아무것도 설치하지 않고 네트워크 호출도 하지 않습니다.

• 192개의 업종별 추론 규칙 제품 유형마다 하나씩 — 핀테크, 치과, 개발자 도구, 습관 트래커 — 각각 추천 페이지 패턴, 스타일 우선순위, 색과 타이포그래피의 분위기, 그리고 그 업종에서 피해야 할 안티패턴을 함께 담고 있습니다.
• 검색 가능한 UI 스타일 79개, 그중 50개가 활성 나머지 29개는 보조적이어서 명시적이거나 정확한 요청에만 반환되고, 추가로 9개의 폐기된 이름은 랭킹에서 완전히 빠져 정규 스타일로 리다이렉트됩니다. 하나의 대표 숫자 대신 이 구분을 공개한다는 점은 이런 팩 대부분보다 정직한 카탈로그입니다.
• 192개의 색 팔레트와 74개의 폰트 조합 같은 제품 유형에 일대일로 매핑되어 있고, Google Fonts import 구문까지 포함돼 있습니다.
• 34개의 랜딩 페이지 패턴 일부러 별도 데이터셋에 보관합니다. 페이지 구조가 같은 랭킹 안에서 시각 스타일과 경쟁하지 않게 하려는 것입니다.
• 119개의 UX 지침 프로덕션에서만 드러나는 실패 쪽으로 기울어 있습니다. 브라우저를 확대하면 잘리는 텍스트, 줄바꿈이 안 되는 칩 행, 색만으로 의미를 전달하는 배지, 중간에 끊겨 엉뚱한 상태로 멈추는 애니메이션 같은 것들입니다.

규칙 팩이 어시스턴트의 결과물을 바꾸는 이유

코딩 어시스턴트에게 랜딩 페이지를 요청하면 그것이 봐 온 모든 것의 평균이 돌아옵니다. 가운데 정렬된 히어로, 똑같은 카드 세 장, 그러데이션, 아이콘 대신 놓인 이모지. 그건 모델의 한계가 아니라 브리프의 부재입니다. 스킬 팩은 생성 전에 요청을 좁힙니다 — 「스파를 위한 페이지」가 이름 붙은 패턴과 팔레트와 폰트 조합과 하지 말아야 할 것들의 목록으로 바뀌고 — 그래서 어시스턴트는 중앙값으로 손을 뻗는 대신 제약 안에서 고르게 됩니다.

납품 전 체크리스트는 설치하지 않더라도 훔쳐 갈 만한 부분입니다. 대비 최솟값, 보이는 포커스 상태, 아이콘으로 이모지 쓰지 않기, 모션 최소화 존중, 그리고 375·768·1024·1440 픽셀에서의 확인은 AI가 만든 페이지가 정확히 놓치는 항목들이고, 사람은 2분이면 전부 확인할 수 있습니다. 이에 대한 우리 입장은 사이트를 만드는 데 AI를 써야 할까에 있습니다.

우리 디자인 규칙을 프로덕션에서 돌리며 배운 것

AgentCeres — agentceres.com의 AI 그로스 오피서 — 는 고객 랜딩 페이지를 만들고 게시하는 에이전트를 위해 자체 디자인 스킬을 유지하고 있는데, 2026년 8월에 바로 이 프로젝트가 존재하는 것과 같은 이유로 그걸 다시 썼습니다. 기예 층이 불릿 다섯 줄뿐이어서 결과물이 무난하면서 완전히 몰개성했기 때문입니다. 다시 쓴 결과는 정직할 수 있는 유일한 방식으로 측정했습니다. 같은 모델에 같은 브리프와 같은 이미지를 주고 옛 스킬과 새 스킬을 돌린 뒤, 티 나는 흔적을 셌습니다.

1. 본문에 보이는 대시 개수 옛 결과물 열 개, 새 결과물 없음.
2. 섹션 앞머리 라벨 여섯 섹션에 다섯 개, 그다음 하나.
3. 똑같은 카드 세 장 줄 둘, 그다음 없음.
4. 하나의 CTA 의도에 붙은 서로 다른 라벨 셋, 그다음 하나.
5. 게시 후에도 살아남는 이미지 없음, 그다음 전부 — 옛 스킬은 로컬에서는 보이고 게시된 페이지에서는 깨지는 호스팅 이미지 URL을 만들어냈습니다.

마지막 줄이 우리 스택을 넘어 일반화되는 교훈입니다. 게시된 페이지는 엄격한 콘텐츠 보안 정책 아래 서빙되기 때문에, 호스팅된 이미지 URL도 웹폰트 스타일시트도 내려받은 파일에서는 동작하고 실제로 올라간 순간 조용히 실패했습니다 — 그리고 몇 주 동안 아무도 몰랐습니다. 그때까지 누군가 게시한 유일한 페이지에 이미지가 하나도 없었기 때문입니다. 디자인 규칙 팩은 전적으로 옳으면서도 깨지는 페이지를 만들어낼 수 있습니다. 규칙은 그 페이지가 어떤 봉투 안에서 렌더링될지 모르기 때문입니다. 무엇을 도입하든, 결과물은 만들어진 곳이 아니라 실제로 살아갈 곳에서 확인하세요.

그것으로 만든 것을 키우기

부끄럽지 않은 페이지는 그곳을 가리키는 모든 채널의 천장을 올려줍니다. 그리고 그 자체로는 아무것도 움직이지 않습니다. 페이지가 올라간 뒤의 일은 평범하고 반복적인 종류입니다. 구매자가 실제로 입력하는 질문에 답하는 페이지와 비교 페이지, 지킬 수 있는 소셜 주기, 당신의 카테고리가 논의되는 곳에서의 답글, 그리고 그중 무엇이 효과가 있었는지 가릴 만큼의 측정.

그게 AgentCeres가 하는 일입니다. AI 그로스 오피서가 이끄는 전문 에이전트들이 작업을 초안으로 쓰고, 바깥으로 나가는 것은 무엇이든 발송 전에 사람 앞에 놓입니다. 이런 스킬 팩이 디자인 절반을 이미 풀었다면, 다음 제약은 대개 유통입니다. 방문자를 가입으로 바꾸는 법부터 시작하고, 페이지가 자라도 일관성을 유지하도록 디자인 시스템 항목을 함께 보세요.