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.
Related MCP Servers
- Alicense-qualityCmaintenanceEnables LLMs to programmatically generate, edit, and convert SVG images using the SVGMaker API and save them to the local filesystem.Last updated12286MIT
- Flicense-qualityDmaintenanceEnables creation, validation, rendering, and optimization of SVG images with conversion capabilities to PNG, React components, React Native components, and Data URIs.Last updated
- 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.Last updated7311MIT
- Flicense-qualityDmaintenanceProvides 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.Last updated
Related MCP Connectors
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.
Multilingual semantic SVG icon search with previews for AI coding agents. 20,000+ icons.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- 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