AI로 쉽게 디자인하는 13가지 스킬

AI가 디자인을 못하는 건 AI가 멍청해서가 아닙니다.
참고할 레퍼런스를 주지 않아서입니다. 아래 13가지가 그걸 해결합니다.

기초 — 베낄 것을 쥐여줘라

01. Claude Code. 실제로 만들어주는 에이전트. 아래 모든 것이 여기에 설치됩니다. /init을 먼저 실행해서 자기 집 규칙을 직접 쓰게 하세요. claude.com/product/claude-code · npm i -g @anthropic-ai/claude-code

02. Refero Styles. 실제 제품 웹사이트에서 뽑은, AI가 읽을 수 있는 디자인 시스템 2,000개 이상. 스타일 하나를 열어 DESIGN.md를 복사하고, 프롬프트를 넣기 전에 붙여넣으세요. Claude Code, Cursor, Codex, v0, Lovable에서 동작합니다. styles.refero.design

03. Awesome DESIGN.md. 같은 아이디어인데 무료이고, 브랜드 이름으로 검색됩니다. 가장 가까운 파일을 저장소 루트에 넣어두면 Claude가 추측하는 대신 진짜 팔레트와 여백값을 가져다 씁니다. github.com/VoltAgent/awesome-design-md

스킬 — 안목을 설치하라

04. Impeccable. 조잡한 결과물이 배포되기 전에 잡아내는 58개 이상의 규칙, 그리고 프롬프트를 다시 쓰는 대신 방향을 잡아주는 /polish·/clarify 같은 커맨드. impeccable.style · npx impeccable install 이후 /impeccable init

05. taste-skill. 안티 슬롭 패스. 레이아웃·그라데이션·문구에서 AI 티를 벗겨냅니다. 이미 동작하는 빌드 위에, 맨 마지막에 돌리세요. github.com/Leonxlnx/taste-skill · npx skills add <https://github.com/Leonxlnx/taste-skill>

06. skillui. 아무 URL이나 지목하면 그 사이트의 디자인 시스템을 추출해 Claude Code용 스킬로 바로 포장해줍니다. API 키도, 클라우드도 없이 순수 정적 분석. skillui.vercel.app · npm i -g skillui 이후 skillui --url <https://yoursite.com> --mode ultra

07. UI UX Pro Max. 디자이너급 규칙집 — 67가지 스타일과 161개 업종별 규칙. 디자인 시스템을 먼저 생성하면 이후 모든 페이지가 그것을 물려받습니다. github.com/nextlevelbuilder/ui-ux-pro-max-skill · /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill 이후 /plugin install ui-ux-pro-max@ui-ux-pro-max-skill

마무리 — 사람이 체감하는 디테일

08. 21st.dev. 실제 프로덕션 수준의 컴포넌트 프롬프트. 메뉴·테이블·폼처럼 손이 많이 가는 부분에 쓰세요.

09. Aceternity UI. 그대로 붙여넣는, 완성도 높은 애니메이션 섹션. 페이지당 하나면 충분합니다. 더 넣으면 템플릿처럼 보입니다. ui.aceternity.com

10. Higgsfield. 히어로 영상. 움직이는 헤더 하나가 어떤 히어로 이미지보다 낫습니다. 짧고 차분하게 유지하세요. higgsfield.ai

11. Google Fonts. Inter에서 벗어나세요. 의도를 갖고 폰트 두 개를 고른 뒤 DESIGN.md에 둘 다 이름을 적어두면, AI가 기본값으로 손을 뻗지 않습니다. fonts.google.com

12. MotionSites. 움직임을 직접 코딩하지 말고 말로 설명하세요. 템플릿 프롬프트를 복사해 붙여넣고 실행하면 끝. motionsites.ai

13. Vercel. 저장소를 푸시하면 배포됩니다. 아무도 열어볼 수 없는 완성된 사이트는 완성이 아닙니다. vercel.com

비용

대부분 무료입니다. Claude Code, Google Fonts, Vercel의 hobby 티어, Awesome DESIGN.md, taste-skill, skillui, Impeccable은 설치와 실행에 돈이 들지 않습니다. Higgsfield는 유료입니다. 21st.dev, MotionSites, UI UX Pro Max는 무료 티어가 있고 유료로 업그레이드할 수 있으며, Refero는 MCP가 유료지만 스타일을 둘러보는 것은 무료입니다.

순서가 중요하다

레퍼런스가 먼저, 안목이 그다음, 디테일이 마지막. 대부분은 마무리 단계로 곧장 건너뛴 다음 왜 페이지가 여전히 뻔해 보이는지 의아해합니다. 방향이 없던 페이지를 컴포넌트 라이브러리가 구해줄 수는 없습니다.

출처 : https://charliehills.substack.com/