frontend-design
designuifrontendanthropics
"그냥 작동하는 UI"가 아닌 시각적으로 기억에 남는 인터페이스를 만드는 데 초점을 맞춘다. 구현 전 먼저 미적 방향성을 정의한다. brutalist, maximalist, retro-futuristic, luxury, playful 등 구체적인 컨셉에서 출발해 목적·톤·차별화 요소를 결정한 뒤 코드로 옮긴다. 타이포그래피, 색상 시스템, 애니메이션, 공간 구성, 텍스처를 디자인의 핵심 레버로 다루며, HTML/CSS/JS·React·Vue 등 요청에 맞는 스택으로 실제 동작하는 코드를 생성한다. 의도적으로 피하는 것들이 있다. Inter·Roboto 같은 무난한 폰트, 자주색 그래디언트, 카드+그리드+둥근 모서리로 이어지는 예측 가능한 레이아웃, 맥락 없이 붙여넣은 템플릿식 패턴. 이 스킬이 존재하는 이유는 AI가 만든 UI가 전부 비슷해 보이는 문제를 해결하기 위해서다.
설치
npx — 에이전트에 바로 설치
npx skills add anthropics/skills@frontend-design -g -y