optimize-web-animations

Optimize Web Animations Core Rule Measure the real page before editing. The goal is not to remove motion; it is to make offscreen work stop, visible motion resume correctly, and route/unmount cleanup release long-lived resources. Use Codex Browser when available, especially for localhost pages. Do not use Chrome unless the user explicitly asks for it. Workflow Inspect repo context. Read AGENTS.md or local instructions. Run git status --short early. Find page components, animation hooks, CSS keyframes, requestAnimationFrame , setInterval , setTimeout , canvas/WebGL/physics components, media elements, GSAP timelines/tweens, and existing visibility utilities. Search effect cleanup for event listeners, observers, RAF loops, intervals, timers, external scripts, media streams, WebGL textures/materials/geometries/renderers, and async work that can complete after unmount. If the worktree is dirty, plan narrow staging from the start. Show more Installs 1.3K Repository mengto/skills GitHub Stars 6.5K First Seen Jul 7, 2026 Security Audits Gen Agent Trust Hub Pass Socket Pass Snyk Warn