design-audit
Installation
SKILL.md
Design Audit
The final checkpoint. Loaded by
/genjutsu:paintat the end of the pipeline. Scans the codebase for motion gaps, a11y violations, perf issues, and inconsistencies.
Motion Gap Analysis
Run these greps against the project to detect missing animations.
Conditional renders without AnimatePresence
grep -rn '{.*&&\s*<\|{.*?\s*:\s*<\|{.*ternary.*<' --include='*.tsx' --include='*.jsx' src/ | grep -v 'AnimatePresence'
Look for: {show && <Component />} or ternary renders without a wrapping <AnimatePresence>. Every conditional mount/unmount needs exit animation support.