Create & preview an animation
create_animationTurn text descriptions into self-contained animated SVGs with embedded CSS animations, preview directly in your browser.
Instructions
Render a self-contained animated SVG in the local preview UI and open it in the browser. First compose the scene as a layered SVG with an explicit viewBox, then animate it with CSS @keyframes (or SMIL) embedded in the SVG, using natural easing. Call get_best_practices (optionally with a style) first if you need the full guidance. Pass the same style you designed for so it is recorded and shown. The svg argument must be a complete ... document that animates on its own with no external assets or scripts.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| svg | Yes | A complete, self-contained animated <svg>...</svg> document with an explicit viewBox and embedded CSS @keyframes/SMIL animations. No external fonts, images, or scripts. | |
| loop | No | Whether the animation loops. | |
| open | No | Open (or focus) the preview UI in the default browser. | |
| style | No | The visual style this animation was designed in (preset key or freeform phrase), e.g. "minimal-modern". | |
| title | Yes | Short human-readable title for the animation. | |
| prompt | Yes | The original human-readable request this animation depicts. | |
| durationSeconds | No | Approximate length of one cycle of the animation, in seconds. |