Chapter 127: MotionScore for Agents. AI animation performance audits for CSS & JS

Core Idea

MotionScore for Agents grades animations S-F, audits source code and running local sites, and gives your coding agent specific fixes.

Key Concepts

• Install: MotionScore for Agents is part of the Motion AI Kit.
• Overall rank: The report starts with an easily-scannable letter grade.
• Rank: :'██████::
• Breakdown: Next
• Breakdown: S █████████████████░░░░░░░░░ 2 · 68%
• Findings: In findings
• Anti-patterns: This lists general patterns that can affect animation performance
• Accessibility: This part of the report looks for things like support for prefers-reduced-motion or rapidl
• Top 3 Recommendations: The report concludes with the top 3 priority fixes.

Code Examples

/motion audit the homepage

• What it demonstrates: Core usage pattern for MotionScore for Agents. AI animation performance audits for CSS & JS.

Key Takeaways

1. MotionScore for Agents. AI animation performance audits for CSS & JS supports Install.
2. MotionScore for Agents. AI animation performance audits for CSS & JS supports Overall rank.
3. MotionScore for Agents. AI animation performance audits for CSS & JS supports Rank.

Connects To

• Install the Motion AI Kit: related Motion doc page.
• Motion AI Kit AI Context: docs and example context for your agent: related Motion doc page.
• Transition editor: related Motion doc page.
• Generate CSS springs with your LLM: related Motion doc page.