Skill Store 33

Fixing Motion Performance

Audits and fixes animation performance issues including layout thrashing, compositor properties,…

by podo · MIT

The skill

Audits and fixes animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Guides developers to smooth, GPU-accelerated animations that avoid jank.

fixing-motion-performance

Catalogue stub — full skill: ibelick/ui-skills

Decision tree

Run this before any motion performance audit:

  1. Is the full skill already installed? Check: ~/.design-agent-skills/skills/fixing-motion-performance/SKILL.md exists AND does NOT contain a das: block.

    • Yes → invoke fixing-motion-performance and proceed
    • No → go to step 2

  2. Do you have shell access?

    • Yes → run the install command below, then invoke the skill
    • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add ibelick/ui-skills --skill fixing-motion-performance

Or per-agent:

  • Claude Code: claude skills add ibelick/ui-skills
  • Cursor/OpenCode: npx skills add ibelick/ui-skills --skill fixing-motion-performance

Invoke after install

  • Skill name: fixing-motion-performance
  • Trigger phrases: "motion performance", "animation performance", "layout thrashing", "compositor properties"

What it does

Audits animations for layout thrashing, incorrect compositor property usage, scroll-linked motion anti-patterns, and expensive blur effects. Provides concrete fixes to move animations onto the GPU and eliminate frame drops for smooth, production-grade motion.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: podo/fixing-motion-performance-36934588037.

Download SKILL.md · Markdown version

Details

Publisher
podo
Category
Software Development › Frontend & UI
License
MIT
Updated
2026-08-31

References

More from podo

  • Accessibility Agents Twenty-five specialist accessibility agents enforcing WCAG 2.2 AA compliance: nine web code speci…
  • Accessibility Catalogue Domain navigator for accessibility, WCAG compliance, performance auditing, and code quality skills.
  • Addyosmani Quality 6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (L…
  • Ai Graphic Design Skill Maps 15 AI tools to design scenarios — Midjourney for ideation, Stable Diffusion for production,…

Related skills