디자인 감사 (Design Audit)

무엇을 해주나

• 프로젝트 루트를 자동 감지하는 audit.py 스크립트를 실행해 JSX/Vue/Svelte/Astro/CSS 전반의 모션 누락, 접근성 위반, 성능 문제, 토큰 불일치를 찾아냅니다.
• 결과를 findings(발견) / clean(검사했고 문제없음) / not applicable(파일이 없어 검사 못 함) 세 갈래로 구분해, "검사하지 않은 것"을 "통과"로 둔갑시키지 않습니다.
• AI가 시키지도 않았는데 습관적으로 넣는 클리셰(번호 붙은 eyebrow, 3분할 카드, 그라디언트 텍스트, 글래스, 무한 애니메이션 등) 18종을 tells 그룹으로 따로 보고합니다.
• 색상 대비는 스크립트가 아니라 토큰 값으로 직접 계산해 #831843 on #FDF2F8 = 9.4:1 형태로 근거와 함께 보고하도록 규정합니다.
• 웹 외에도 Compose(Layout Inspector, Macrobenchmark, Baseline Profile)와 SwiftUI(Instruments, Dynamic Type 200%, Reduce Motion) 전용 체크리스트를 제공합니다.
• 최종 출력은 Critical / Important / Nice-to-have 3단 심각도로 정리됩니다.

이런 분께 추천

• 프론트엔드·디자인 시스템 담당자로서 배포 직전 UI 품질 게이트가 필요한 분
• AI가 만든 UI 코드에서 접근성·모션 결함을 체계적으로 걸러내고 싶은 분
• Compose나 SwiftUI 앱의 렌더링 성능·접근성까지 한 번에 점검하려는 모바일 개발자
• genjutsu 파이프라인(/genjutsu:paint)을 쓰고 있는 사용자

활용 예시

1. "배포 전에 디자인 감사 돌려줘" → audit.py . 실행 후 prefers-reduced-motion 누락, outline: none 남용, width/height 애니메이션을 Critical로 묶어 보고.
2. "접근성 항목만 확인" → --group hygiene 또는 --only <check-id>로 특정 검사만 실행하고, 대상 파일이 없는 검사는 '검사 못 함'으로 명시.
3. "컬러 토큰 대비 확인" → 인벤토리에 모인 색상·radius·폰트 값을 토큰과 비교하고, 본문 4.5:1 / 큰 텍스트 3:1 기준으로 대비 비율을 직접 계산해 보고.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/AThevon/genjutsu/HEAD/skills/_jutsu/design-audit/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

AI 스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 AThevon/genjutsu 의 skills/_jutsu/design-audit 폴더를 내 ~/.claude/skills/design-audit/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.