프로젝트 소개

work-with-design-systems repository에는 Claude Code, Cursor, Codex와 함께 작동하여 Figma 디자인 시스템을 관리하는 Claude 스킬이 포함되어 있습니다. 두 가지 모드를 제공합니다: inspect(읽기 전용)는 토큰 준수, 인터랙티브 상태, WCAG 접근성, 분리된 인스턴스, 명명 품질, 컴포넌트 설명의 6개 감사 모듈을 실행하여 가중치 준비 점수를 생성하고 항상 사용자 결정 대기 모드로 실행됩니다. 빌드 모드는 6단계 워크플로우(탐색, 기초, 파일 구조, 컴포넌트, QA, 선택적 6단계 코드 동기화)를 따르며 디자인 시스템을 생성하거나 확장하고, 합성 컴포넌트에 슬롯을 추가하며, 구조화된 설명을 작성하고, 선택적으로 3층 간접 참조가 있는 tokens.css, IDE용 AI 규칙 파일, CI 준비 완료 감사 스크립트를 생성합니다. 이 스킬은 브랜드 가이드라인, 토큰 JSON, 스크린샷, 코드베이스, Storybook과 같은 입력을 지원하며 framework-mappings을 통해 여러 프레임워크로 내보낼 수 있습니다. 6단계는 기본적으로 비활성화되어 있으며 명시적 요청 시에만 실행되어 안전한 후속 조정을 보장합니다. 모든 참조 파일 및 스크립트는 필요할 때 로드되어 스킬을 가볍게 유지합니다.