AI Design Skills 비교 테스트

Anthropic 공식 Frontend Design Plugin. AI slop을 피하고 프로덕션급 인터페이스 생성.
적용 결과: Space Grotesk 폰트, 비대칭 그리드, stagger reveal 애니메이션, 그리드 배경 텍스처

/polish, /audit 등 20개 커맨드로 디자인을 정밀하게 다듬는 스킬.
적용 결과: Plus Jakarta Sans 폰트, OKLCH 색상 체계, tinted neutrals, 60-30-10 색상 비율, 왼쪽 정렬 기반

DESIGN_VARIANCE/MOTION_INTENSITY/VISUAL_DENSITY 숫자로 디자인 강도 조절.
적용 결과: Outfit 폰트, Bento Grid 레이아웃, magnetic 호버, diffusion shadow, 다크 섹션 대비

150+ 아이콘 컬렉션 검색/동기화. 일관된 아이콘 시스템으로 UI 완성도 향상.
적용 결과: Lucide SVG 인라인 아이콘 전 섹션 활용, 아이콘 박스/서클 컨테이너, Inter 폰트

60+ UI 컴포넌트 설계 원칙 내장. 버튼, 카드, 네비게이션 등 핵심 패턴 가이드.
적용 결과: Plus Jakarta Sans, CSS 변수 디자인 시스템, sticky nav, 리스트형 타겟 카드, 다크 넘버링

161개 산업별 추론 규칙, 67개 UI 스타일, 161개 색상 팔레트 제공.
적용 결과: Space Grotesk, 글래스모피즘 네비, 그라디언트 메시 배경, 벤토 그리드, 소셜 프루프 스트립

100+ UI 심사 규칙 기반. Vercel 수준 모던 프론트엔드 품질 기준.
적용 결과: Geist 폰트, 시맨틱 HTML + ARIA, focus-visible, tabular-nums, prefers-reduced-motion, safe-area

63개 skill + 27개 명령어. 디자인 리서치~딜리버리 전 과정 올인원.
적용 결과: DM Sans, 디자인 토큰 아키텍처(CSS변수), 모듈러 스케일 1.25, 12컬럼 그리드, 타임라인 레이아웃

5가지 변형 동시 생성 + 비교. A/B 테스트 관점 디자인 탐색 특화.
적용 결과: Sora 폰트, 크림/오렌지 따뜻한 톤, 비대칭 스플릿 히어로, 카드-인-카드, 둥근 다크 섹션

프리미엄 폰트 + 넓은 여백으로 럭셔리 고급감 연출.
적용 결과: Cormorant Garamond 세리프 헤드라인, 극도의 여백(128px), 색상 최소화, 텍스트 opacity 계층