Keep web animations inside the frame budget â animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops frames. Covers the layout/paint/composite pipeline, cheaper property swaps, CSS vs WAAPI vs requestAnimationFrame, Framer Motion's hardware-accelerated path, React re-rendering per frame, inherited CSS variable…
Install
npx skills add emilkowalski/skills --skill animation-performancenpx skills add emilkowalski/skills --skill animation-performance -a claude-code -gnpx skills add emilkowalski/skills --skill animation-performance -a codex -ggemini skills install https://github.com/emilkowalski/skills.git --path skills/animation-performancegh skill install emilkowalski/skills animation-performancegit clone --depth 1 https://github.com/emilkowalski/skills /tmp/emilkowalski__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/emilkowalski__skills/skills/animation-performance ~/.claude/skills/animation-performance # Claude Code
cp -R /tmp/emilkowalski__skills/skills/animation-performance ~/.agents/skills/animation-performance # Codex, Cursor, Gemini CLI, Copilot, OpenCode