Preview SVG Animation Skill

Render any animated SVG in a controllable browser preview — built for explaining hard concepts visually. Supports SMIL (<animate>, <animateTransform>, <animateMotion>), CSS keyframes/transitions inside <style>, and inline JS.

Agent Usage

When the user asks to visualize or explain something with an animated SVG, write the SVG content and pipe it to the script. The renderer parses the SVG, wires up animation controls, and automatically opens the result in the browser — do NOT open the file manually.

# Pipe SVG content
cat heartbeat.svg | ./run.sh

# Or from a file
./run.sh diagram.svg