design-fidelity-auditor은(는) 무엇을 하나요?
디자인 시스템에서 벗어난 프론트엔드 구현을 CSS, Tailwind, JSX, TSX, Vue, Angular 코드에서 감사합니다.
설명
이 스킬은 코드베이스를 분석하여 디자인 시스템 규칙을 위반하는 부분을 찾아냅니다. 지원하는 파일 형식:
- CSS
- Tailwind CSS (클래스명 기반)
- JSX / TSX (React)
- Vue (단일 파일 컴포넌트)
- Angular (컴포넌트 템플릿)
사용법
에이전트에게 "디자인 시스템 감사 실행" 또는 "디자인 일관성 확인"과 같은 명령을 내리면 됩니다. 스킬은 자동으로 코드를 스캔하고 결과를 반환합니다.
예시
# CLI 명령 (예시)
design-fidelity-auditor --path ./src --config design-tokens.json
구성
선택적으로 design-tokens.json 파일을 프로젝트 루트에 배치하여 감사 규칙을 사용자 정의할 수 있습니다. 파일이 없으면 기본 규칙이 사용됩니다.
출력
감사 결과는 터미널에 표시되며, 감지된 문제 목록과 해당 파일 위치가 포함됩니다.