💻 개발/코딩
디자인 시스템 추출
기존 코드베이스에 대한 포렌식 감사를 수행하여 모든 디자인 결정(색상, 타이포그래피, 간격, 구성 요소, 모션, 아이콘)을 구조화된 JSON 인벤토리로 추출합니다.
미리보기
코드베이스에 대한 포렌식 감사를 수행하고 모든 디자인 결정을 구조화된 JSON 보고서로 추출합니다.
추출 범위:
1. 색상 시스템: 역할별로 그룹화된 모든 색상 값(기본/보조/액센트/중립/의미론적), 불일치 및 중복 플래그 지정
2. 타이포그래피: 글꼴 모음, 크기 축척, 굵기, 줄 간격, 자간, 반응형 규칙
3. 간격 및 레이아웃: 간격 축척, 컨테이너 너비, 그리드 시스템, 브레이크포인트, z-index 계층, 테두리 반경
4. 구성 요소: 이름, 파일 경로, props 인터페이스, 시각적 변형, 토큰 사용, 사용 횟수
5. 모션: 전환 지속 시간, 이징 함수, 애니메이션 키프레임, 스크롤 기반 패턴
6. 아이콘 및 에셋: 아이콘 시스템, 크기, 파비콘/로고 변형
7. 불일치: 토큰이어야 하는 중복 값, 충돌하는 패턴, 누락된 상태, 접근성 격차
단일 JSON으로 출력: { colors, typography, spacing, components, motion, icons, inconsistencies }
정리하거나 개선하지 마십시오 — 존재하는 것을 정확히 추출하십시오.
🔒 잠금 해제 후 전체 보기