mcp-svg-animator

# MCP SVG Animator An MCP server for creating animated SVG diagrams. You can create a diagram from text input, photos of sketches and YAML specifications. You don't normally need to use YAML; just tell Claude code what you want, upload photos of sketches, and then iterate until you've got what you want. You can see some sample inputs and outputs on the [Demo Page](https://htmlpreview.github.io/?https://github.com/romilly/mcp-svg-animator/blob/main/examples/demo.html) ## File Output Configuration By default, the MCP server does not allow writing files to your filesystem. To enable file output (SVG, PNG, or video), create a configuration file at `~/.config/mcp-svg-animator/config.yaml`: ```yaml file_output: allowed: - path: "~/diagrams" types: [svg, png, webm] - path: "/tmp/svg-animator/**" types: [svg, png] - path: "~/projects/**/output" types: [svg, png, webm] ``` **Configuration options:** - `path`: Directory where files can be written. Supports `~` expansion and glob patterns (`*` for single level, `**` for recursive). - `types`: List of allowed file types (`svg`, `png`, `webm`). Files in subdirectories of allowed paths are also permitted. ## Features - **Create and iterate on your requirements** using natural language and/or rough diagrams - **Multiple shape types** - circle, rectangle, line, text, path, ellipse, group - **Connection elements** - Draw lines between element centers with automatic positioning - **Text backgrounds** - Auto-generate background panels behind text labels - **Path segments** - Build curves with move_to, line_to, cubic_bezier, quadratic_bezier, arc - **SMIL animations** - Animate attributes and transforms - **Reusable definitions** - Define once, use many times - **Library imports** - Share definitions across diagrams - **Relative positioning** - Reference other elements' positions - **Direct file output** - Write SVG directly to file, reducing token usage - **PNG export** - Generate PNG preview…