SVG.new
Convert PNG, JPG and WebP to SVG. Recolor an SVG, reduce its colors or remove its background.
التثبيت
أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: .cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «mcpServers»).
claude mcp add --transport http svg-new 'https://svg.new/api/mcp'{
"mcpServers": {
"svg-new": {
"type": "http",
"url": "https://svg.new/api/mcp"
}
}
}@svgnew/mcpclaude mcp add svg-new -e 'SVG_NEW_API_KEY=<your svg_new_api_key>' -- npx -y @svgnew/mcp@1.3.1{
"mcpServers": {
"svg-new": {
"command": "npx",
"args": [
"-y",
"@svgnew/mcp@1.3.1"
],
"env": {
"SVG_NEW_API_KEY": "<your svg_new_api_key>"
}
}
}
}متغيرات البيئة
SVG_NEW_API_KEYإلزامي سري SVG.new API key (starts with svk_). Create one at https://svg.new/account.
التوثيق
مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على GitHub.
المحتويات
@svgnew/mcp
MCP (Model Context Protocol) server for svg.new — AI-powered image to SVG vectorization.
Use svg.new from any MCP-compatible client: Claude Code, Claude Desktop, Cursor, Windsurf, and more.
Hosted server (sign in, no API key)
SVG.new hosts this server at https://svg.new/api/mcp (Streamable HTTP). Clients that support OAuth sign in with your SVG.new account; there is nothing to install. Clients that send headers can use Authorization: Bearer svk_... with an API key instead.
# Claude Code (then run /mcp, pick svgnew and choose Authenticate)
claude mcp add --transport http --scope user svgnew https://svg.new/api/mcp
# Gemini CLI (then run /mcp auth svg-new)
gemini extensions install https://github.com/svgnew/mcpIn Claude, open Settings, Connectors, Add custom connector, enter the URL above and sign in. Cline and other agents can follow llms-install.md. The cursor folder is the Cursor plugin for the hosted server. Setup for each client: svg.new/mcp.
Quick Start (local server)
npx @svgnew/mcpRequires SVG_NEW_API_KEY environment variable. Get your key at svg.new/account.
Setup
Claude Code / Claude Desktop
Add to your MCP config:
{
"mcpServers": {
"svg-new": {
"command": "npx",
"args": ["@svgnew/mcp"],
"env": {
"SVG_NEW_API_KEY": "svk_your_key_here"
}
}
}
}Cursor / Windsurf
Add to your MCP settings with the same configuration above.
OpenAI Codex CLI
Add svg.new to Codex:
codex mcp add svg-new -- npx -y @svgnew/mcpOr install as a plugin:
codex install svg-newSet your API key:
codex mcp add svg-new --env SVG_NEW_API_KEY=svk_your_key_here -- npx -y @svgnew/mcpAvailable Tools
| Tool | Description | Cost |
|---|---|---|
vectorize | Convert image to SVG | 1 credit |
vectorize_file | Convert a local image file to SVG | 1 credit |
recolor_svg | Change colors in SVG | Free |
simplify_svg | Reduce color palette | Free |
remove_background | AI background removal | 1 credit |
remove_background_file | Background removal from a local image file | 1 credit |
batch_vectorize | Process multiple images | 1 credit/image |
batch_vectorize_files | Vectorize up to 10 local image files | 1 credit/image |
get_batch_status | Poll batch progress | Free |
list_vectorizations | View history | Free |
Environment Variables
| Variable | Required | Default | Description |
|---|---|---|---|
SVG_NEW_API_KEY | Yes | — | Your svg.new API key |
SVG_NEW_API_URL | No | https://svg.new | API base URL |
Links
- svg.new — Web app
- Pricing — Plans and credits
- Claude Code Plugin — Full plugin with skills
الأسئلة الشائعة
ما هو SVG.new؟
Convert PNG, JPG and WebP to SVG. Recolor an SVG, reduce its colors or remove its background.
كيف أثبّت SVG.new؟
يعمل كخادم بعيد. في Claude Code: claude mcp add --transport http svg-new 'https://svg.new/api/mcp'. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.
هل يحتاج SVG.new إلى مفتاح API؟
نعم. يتطلب SVG_NEW_API_KEY، وتضبطها في إعداداته.
هل SVG.new مفتوح المصدر؟
نعم. شيفرته متاحة على GitHub بترخيص MIT.
من يصون SVG.new؟
ينشره svgnew. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.
من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.