What problem does it solve? Animated interfaces often ship with missing exit animations, broken reduced-motion support, inconsistent durations, and layout-thrashing transitions. This Skill provides a systematic, grep-driven audit checklist that detects these issues across web, SwiftUI, and Compose codebases before release. ## Core Features & Use Cases - Motion Gap Detection: Runs targeted grep patterns to find conditional renders without AnimatePresence, hover states without transitions, lists without stagger, and entries without exits. - Accessibility & Performance Audits: Verifies prefers-reduced-motion handlers, focus-visible styles, semantic HTML, aria-hidden on decorative animations, and flags layout-property animations and excessive will-change usage. - Consistency & Stack-Specific Checks: Inventories durations and easings across CSS, SwiftUI, and Compose, then applies platform-specific checklists (Instruments, Macrobenchmark, Lighthouse) and outputs findings grouped by severity. - Use Case: Before shipping a React app with Framer Motion animations, run the audit to catch a missing exit prop, an outline:none without focus replacement, and 14 scattered duration values that should be centralized into motion tokens. ## Quick Start Audit this project's codebase for motion gaps, accessibility violations, and animation performance issues, then report findings grouped by severity.
