svg-generator-mcp
Enables GitHub Copilot to generate SVGs and vectorize images through the skill-based integration.
Integrates with OpenAI Codex CLI to generate SVGs from text descriptions or convert raster images to SVG.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@svg-generator-mcpgenerate an SVG of a mountain landscape"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
SVG Generator
Generate SVGs from text prompts or convert raster images to SVG using the Quiver AI API.
Works as a cross-platform AI agent skill (Claude Code, Codex CLI, Gemini CLI, Cursor, Windsurf) and as an MCP server (Claude Code, Codex, Cursor, Cline, Roo Code, Claude Desktop).
Prerequisites
Get an API key from Quiver AI and set it as an environment variable:
export QUIVER_API_KEY="your-api-key-here"Related MCP server: SVG Maker MCP Server
Installation
Claude Code (Plugin)
claude plugin add /path/to/cc-skills-svg-generatorThis installs both the skill (prompt-driven usage) and the MCP server (tool-based usage).
Claude Code (MCP Server only)
claude mcp add svg-generator -- uvx svg-generator-mcpClaude Code (Skill only)
Copy or symlink the svg-generator/ directory into your skills folder:
# User-level (all projects)
cp -r svg-generator ~/.claude/skills/svg-generator
# Project-level (this project only)
mkdir -p .claude/skills
cp -r svg-generator .claude/skills/svg-generatorOpenAI Codex CLI
As a skill:
mkdir -p .agents/skills
cp -r svg-generator .agents/skills/svg-generatorAs an MCP server — add to ~/.codex/config.toml:
[mcp_servers.svg-generator]
command = "uvx"
args = ["svg-generator-mcp"]
enabled = trueCursor
Add to .cursor/mcp.json in your project:
{
"mcpServers": {
"svg-generator": {
"command": "uvx",
"args": ["svg-generator-mcp"],
"env": {
"QUIVER_API_KEY": "your-api-key-here"
}
}
}
}Cline / Roo Code
Add via the MCP settings panel, or add to the MCP config file:
{
"mcpServers": {
"svg-generator": {
"command": "uvx",
"args": ["svg-generator-mcp"],
"env": {
"QUIVER_API_KEY": "your-api-key-here"
}
}
}
}Claude Desktop
Add to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows):
{
"mcpServers": {
"svg-generator": {
"command": "uvx",
"args": ["svg-generator-mcp"],
"env": {
"QUIVER_API_KEY": "your-api-key-here"
}
}
}
}Install from PyPI
pip install svg-generator-mcpOr run directly with uvx:
uvx svg-generator-mcpMCP Server Tools
The MCP server exposes two tools:
generate_svg
Generate SVGs from text descriptions.
Parameter | Type | Required | Description |
| string | Yes | Text description of the SVG |
| string | No | Output filename |
| string | No | Output directory (default: |
| string | No | Style guidance |
| string[] | No | Reference image URLs (max 4) |
| int | No | Number of SVGs, 1-16 (default: 1) |
| float | No | Randomness 0-2 (default: 1) |
| string | No | Model name (default: |
| int | No | Request timeout in seconds (default: 600) |
vectorize_svg
Convert raster images (PNG, JPG, WebP) to SVG.
Parameter | Type | Required | Description |
| string | Yes | Local file path or URL |
| string | No | Output filename |
| string | No | Output directory (default: |
| bool | No | Enable automatic cropping |
| int | No | Target size in pixels (128-4096) |
| int | No | Number of SVGs, 1-16 (default: 1) |
| float | No | Randomness 0-2 (default: 1) |
| string | No | Model name (default: |
| int | No | Request timeout in seconds (default: 600) |
CLI Scripts
The skill also includes standalone CLI scripts:
# Text-to-SVG
python3 svg-generator/scripts/generate_svg.py \
--prompt "a minimalist mountain logo" \
--output mountain.svg
# Image-to-SVG
python3 svg-generator/scripts/vectorize_svg.py \
--image photo.png \
--output vectorized.svgSee svg-generator/SKILL.md for full CLI documentation.
Project Structure
.
├── .claude-plugin/
│ └── plugin.json # Claude Code plugin manifest
├── .mcp.json # Project-level MCP config
├── svg-generator/
│ ├── SKILL.md # Cross-platform agent skill
│ ├── references/
│ │ └── api_reference.md
│ └── scripts/
│ ├── generate_svg.py
│ └── vectorize_svg.py
├── src/
│ └── svg_generator_mcp/
│ ├── __init__.py
│ └── server.py # MCP server implementation
├── pyproject.toml # Python package config
└── svg-generator.skill # Packaged skill (zip)How It Works
Layer | What | Reaches |
Skill ( | Instructions + CLI scripts the AI follows | Claude Code, Codex CLI, Gemini CLI, Cursor, Windsurf, GitHub Copilot |
MCP Server | Structured tool API over Model Context Protocol | Claude Code, Claude Desktop, Codex CLI, Cursor, Cline, Roo Code |
Plugin ( | Bundles skill + MCP server config | Claude Code |
License
MIT
This server cannot be deployed
Maintenance
Related MCP Connectors
Generate and vectorize clean, editable SVG graphics from text, images, or both.
Generate vector art, vectorize images, and return SVG, PNG, and logo kits to AI agents.
Generate PWA icon sets and iOS splash screens from a text prompt or an existing image.
Generate logos, social posts, app screenshots, comic panels & visual-novel assets from prompts.
Related MCP Servers
- AlicenseNot gradedqualityCmaintenanceEnables LLMs to programmatically generate, edit, and convert SVG images using the SVGMaker API and save them to the local filesystem.104 npm87MIT
- FlicenseNot gradedqualityDmaintenanceEnables creation, validation, rendering, and optimization of SVG images with conversion capabilities to PNG, React components, React Native components, and Data URIs.-
- AlicenseAqualityDmaintenanceEnables AI-powered image to SVG vectorization, background removal, and SVG manipulation directly through MCP-compatible clients. Users can convert images, process batches, and edit vector properties like colors and complexity using the svg.new API.75 npm1MIT
- FlicenseNot gradedqualityDmaintenanceProvides tools to generate SVG vector graphics from text prompts and convert raster images into vector formats using the Quiver AI API. It enables seamless integration of vector graphic creation and image vectorization directly within MCP-compatible clients.-