Convert images to SVG vectors, edit colors, simplify paths, remove backgrounds, and batch process — directly from Claude Code.
/plugin marketplace add svgnew/plugin
/plugin install svg-vectorizer
mkdir -p ~/.claude/skills/svg-new && curl -s https://svg.new/skill.md -o ~/.claude/skills/svg-new/SKILL.mdAdd to your Claude Code MCP config (~/.claude/.mcp.json):
{
"mcpServers": {
"svg-new": {
"command": "npx",
"args": ["tsx", "path/to/svg.new/src/mcp/server.ts"],
"env": {
"SVG_NEW_API_KEY": "svk_your_key_here"
}
}
}
}- Sign up at svg.new (Pro plan required for API access)
- Generate an API key at svg.new/account
- Set your key:
export SVG_NEW_API_KEY="svk_..."
| Skill | Command | Cost |
|---|---|---|
| Vectorize | /svg-vectorizer:vectorize logo.png |
1 credit |
| Recolor | /svg-vectorizer:recolor output.svg |
Free |
| Simplify | /svg-vectorizer:simplify output.svg |
Free |
| Remove Background | /svg-vectorizer:remove-background output.svg |
1 credit |
| Batch | /svg-vectorizer:batch ./images/ |
1 credit/image |
Or just ask naturally — the skills trigger automatically:
- "vectorize this logo"
- "convert all PNGs in this folder to SVG"
- "change the red to blue in icon.svg"
- "reduce this SVG to 4 colors"
When using the MCP server, these tools are available to any MCP-compatible client:
vectorize— Convert image to SVGrecolor_svg— Change SVG colorssimplify_svg— Reduce color paletteremove_background— AI background removalbatch_vectorize— Process multiple imagesget_batch_status— Poll batch progresslist_vectorizations— View history
- svg.new — Web app
- API Documentation — REST API reference
- Pricing — Plans and credits