optimize-web-animations
97 / 100 · Low risk
Fine to try.
Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers. Use when the user asks to make animations performant, pause offscreen animations, look for memory leaks, profile pages that slow the computer over time, fix janky scrolling, reduce CPU/GPU use, or repeat the "only play in view" …
What this skill can do
Runs commands on your computer
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'optimize-web-animations' ] || [ -L ~/.agents/skills/'optimize-web-animations' ]; then echo 'A skill folder named optimize-web-animations already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/nirholas/three.ws' "$d" && git -C "$d" checkout --quiet '89050b3166a89e4c21e78c7bc936c142784a6327' -- 'third_party/designcode-agent-skills/agent-skills/codex/optimize-web-animations' && mkdir -p ~/.agents/skills && cp -R "$d"/'third_party/designcode-agent-skills/agent-skills/codex/optimize-web-animations' ~/.agents/skills/'optimize-web-animations' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'optimize-web-animations' ~/.claude/skills/'optimize-web-animations' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/nirholas/three.ws/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | 89050b3 | 97 |