{"id":"emilkowalski-skills-skills-animation-performance","title":"animation-performance","type":"skill","industry":"design","roles":["motion-designer"],"summary":"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 recalculation, blur cost,…","summary_lang":"en","source_url":"https://github.com/emilkowalski/skills/blob/main/skills/animation-performance/SKILL.md","raw_url":"https://raw.githubusercontent.com/SiinXu/agent-academy/main/data/mirror/emilkowalski-skills-skills-animation-performance.md","upstream_raw_url":"https://raw.githubusercontent.com/emilkowalski/skills/main/skills/animation-performance/SKILL.md","repo":"emilkowalski/skills","author":"emilkowalski","license":"MIT","redistributable":true,"content_policy":"mirror-with-attribution","original":{"kind":"full","license":"MIT","url":"https://github.com/emilkowalski/skills/blob/main/skills/animation-performance/SKILL.md"},"install":"npx skills add emilkowalski/skills --skill animation-performance","security":{"audited":false,"executes_code":false,"needs_credentials":false,"writes_external":false},"metrics":{"repo_stars":46365,"repo_pushed_at":"2026-10-11"},"course_step":"3-learn-rules","status":"active","first_seen":"2026-10-15T10:15:30Z","updated_at":"2026-10-15T10:15:30Z","checked_at":"2026-10-15T10:15:30Z","http_status":{"source":200},"page":"https://academy.incidental.site/r/emilkowalski-skills-skills-animation-performance/","source":"github"}