motion-audit
Skill7 starsChanged 10 months agoMITView on GitHub
Comprehensive checklist for auditing animations against Disney principles, accessibility standards, performance budgets, and brand consistency. Use when reviewing animation implementations.
In this repository87 other files it gives its agents.
- CLAUDE.mdCLAUDE.md
- motion-designSkill
- 3d-transformsSkill
- accessibilitySkill
- android-nativeSkill
- animation-recipesSkill
- anticipationSkill
- arc-motionSkill
- attention-choreographySkill
- attentionSkill
- audio-reactiveSkill
- blurSkill
- brand-animationSkill
- cameraSkill
- characterSkill
- choice-resolutionSkill
- cinematicSkill
- code-generationSkill
- colorSkill
- component-animationsSkill
- compositingSkill
- consequenceSkill
- container-transformSkill
- css-advancedSkill
- data-visualizationSkill
- depthSkill
- distortionSkill
- dramaturgySkill
- durationSkill
- easingSkill
- emotional-journeySkill
- emotion-mappingSkill
- emotion-selectionSkill
- empty-statesSkill
- entrance-patternsSkill
- exaggerationSkill
- exit-patternsSkill
- exportSkill
- figma-integrationSkill
- follow-throughSkill
- frame-timingSkill
- gesture-motionSkill
- glow-shadowSkill
- intentSkill
- ios-nativeSkill
- loading-statesSkill
- loopingSkill
- lottieSkill
- masksSkill
- microstateSkill
- morphingSkill
- motion-blurSkill
- motion-principlesSkill
- motion-specsSkill
- narrative-arcSkill
- notificationsSkill
- onboardingSkill
- opacitySkill
- orchestratorSkill
- particlesSkill
- The first 60 shown.
The file
We split this skill into the rules it gives an agent
1 rule. About 0 are common, 1 is distinctive, and 0 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈1
Distinctive · estimate
This author's own choices. Worth a look.
0
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 14
Evaluate: - Check against each criteria
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Motion Audit Checklist
Systematic review process for ensuring animations meet quality standards across Disney principles, accessibility, performance, and brand.
Audit Process
- Identify - List all animated elements
- Categorize - Classify by type and importance
- Evaluate - Check against each criteria
- Document - Record findings and recommendations
- Prioritize - Rank issues by severity
Disney Principles Checklist
Core Principles
- Squash & Stretch - Applied to impacts, volume preserved
- Anticipation - Wind-up before major actions (15-25%)
- Staging - One clear focal point per animation
- Follow-Through - Secondary elements lag behind
- Slow In/Out - Proper easing (no linear)
- Arcs - Physical objects move in arcs
- Secondary Action - Supporting animations at 30-50%
- Timing - Durations match token scale
- Exaggeration - Appropriate for brand
- Appeal - Motion feels polished
Accessibility Checklist
Reduced Motion
prefers-reduced-motionis respected- Alternative exists (opacity fade, instant)
- No essential information only in animation
Timing & Seizures
- No flashing > 3 times/second
- User can pause/stop animations
- Duration allows content to be read
Focus & Navigation
- Focus states are animated appropriately
- Keyboard navigation is smooth
- Screen readers announce changes
Performance Checklist
Frame Rate
- Maintains 60fps on target devices
- No jank during scroll animations
- Low-end device testing performed
Paint & Layout
- Uses transform/opacity only (GPU)
- No layout thrashing (width, height, top, left)
will-changeused sparingly
Bundle Size
- Animation library is code-split
- Lottie files are optimized
- No unused animation utilities
Brand Consistency Checklist
Token Usage
- All durations from token scale
- All easings from token library
- No hardcoded magic numbers
Personality
- Motion matches brand adjectives
- Consistent across touchpoints
- Appropriate for audience
Issue Severity Levels
| Level | Impact | Example | Action |
| Critical | Blocks users | Seizure-inducing flash | Immediate fix |
| Major | Degrades experience | 60fps to 15fps | Fix before release |
| Minor | Suboptimal | Linear easing | Fix when possible |
| Enhancement | Improvement | Add anticipation | Consider for future |
Audit Frequency
| Trigger | Scope | Depth |
| Every PR | Changed components | Quick check |
| Sprint end | New features | Full audit |
| Quarterly | Entire product | Comprehensive |
| Major release | Critical paths | Deep dive |
Related Skills
motion-principles/- Disney 12 principles referenceaccessibility/- WCAG compliance detailstesting-patterns/- Automated testing for auditstools/- Tool-specific audit considerations
See references/ for audit scoring templates and ESLint/Stylelint rules.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.