A composable SVG animation system driven by Claude Code. Describe an animation in natural language; get a production-ready .svg file. 25 motion/shape/filter primitives, 4 skills, 3 subagents, snapshot-tested, Next.js preview.
This repository also configures its own agents. See what svg-animation-studio tells them →
ChanMeng666/svg-animation-studio
Skill Claude Code
Add a new reusable motion / shape / filter primitive to lib/primitives/ with safety: JSDoc + sensible defaults + at least one consuming preset + passing snapshot tests + updated docs/lib-api.md + CLAUDE.md index. Use this only when /svg-animate has flagged a missing capability or when the user explicitly asks to "add…
ChanMeng666/svg-animation-studio
Skill Claude Code needs its repo
Create, edit, or remix an animated SVG file from a natural-language description. Use this whenever the user asks you to make, build, design, generate, animate, or "draw something that moves" — mascots, logos, loaders, badges, icons, characters, brand marks, or any visual asset that should animate. Always prefer this…
ChanMeng666/svg-animation-studio
Skill Claude Code
Finalize a rendered SVG for production: run SVGO optimization, add accessibility metadata ( , ), verify viewBox sanity, and copy to a user-specified destination. Use when the user says "ship it", "optimize and export", "make it production-ready", "minify this SVG", "copy the final SVG to ", "export for the website"…
ChanMeng666/svg-animation-studio
Skill Claude Code
Visually verify a rendered SVG animation by opening it in chrome-devtools MCP, capturing keyframes, and scoring against the 5-point quality rubric. Invoke this immediately after /svg-animate writes an output, or whenever the user asks "is this animation good?", "how does it look?", "verify the motion", or "check the…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: