Claude를 디자인 아키텍트로: 52개 컴포넌트와 52개 검증 규칙
Key Point
52개의 자동화된 객관적 검증 규칙으로 AI 생성 UI의 접근성·대비·의도·하드코딩 제거를 강제하고, 통과했어도 정성적 결함을 잡는 비평 에이전트를 따로 두어 품질 관문을 정성·정량으로 분리했다.
핵심 요약
- Claude를 시니어 디자인 아키텍트로 변환하는 UX/UI 에이전트 스킬 킷 공개 — 디자인 토큰, 컴포넌트, 접근성, 138개 디자인 시스템 규칙과 19개 실행 가능한 스킬을 포함한다.
- DTCG 형식 토큰 생성, Atomic Design 기반 컴포넌트 설계, React·Vue·Swift·Flutter 등 모든 프레임워크를 대상으로 한 코드 생성 어댑터를 제공한다.
- 52개의 객관적 검증 규칙을 실행할 수 있으며, 이 중 34개는 실제 브라우저를 열어 렌더링된 HTML을 검사한다 — WCAG 2.2 AA/AAA 명도 대비, 포커스 트랩, RTL, 반응형, 터치 타겟 크기, 이모지 금지, 하드코딩 값 제거 등을 자동으로 확인한다.
저장소 보기 ↗github.com