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 "Install 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 installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/tjboudreaux/cc-skills-svg-generator'
If you have feedback or need assistance with the MCP directory API, please join our Discord server