关于 SVG.new
SVG.new 的 MCP 服务将图像矢量化及 SVG 编辑能力提供给 AI Agent 和设计工作流。可使用托管端点或本地服务器处理图像与 SVG 文件。
主要功能
- 01PNG、JPG 和 WebP 转 SVG
- 02SVG 调色与简化色彩
- 03移除图像背景
- 04批量矢量化图像
- 05查询批处理状态与历史
适用场景
- 01将位图转换为可缩放 SVG
- 02调整 SVG 配色或减少颜色
- 03批量处理图像并查看进度
MCP 相关
该服务通过 MCP 工具向兼容客户端提供图像矢量化、SVG 调色、简化、背景移除及批处理能力。可连接托管的 Streamable HTTP 端点,也可运行本地服务器。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://svg.new/api/mcpclaude mcp add --transport http svgnew https://svg.new/api/mcp{"mcpServers":{"svgnew":{"type":"http","url":"https://svg.new/api/mcp"}}}在 Cursor 中打开{"servers":{"svgnew":{"type":"http","url":"https://svg.new/api/mcp"}}}在 VS Code 中打开{"mcpServers":{"svgnew":{"type":"http","url":"https://svg.new/api/mcp"}}}{"mcpServers":{"svgnew":{"serverUrl":"https://svg.new/api/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
@svgnew/mcp
适用于 svg.new 的 MCP(模型上下文协议)服务——由 AI 驱动的图像转 SVG 矢量化工具。
在任何兼容 MCP 的客户端中使用 svg.new:Claude Code、Claude Desktop、Cursor、Windsurf 等。
托管服务(登录即可,无需 API 密钥)
SVG.new 在 https://svg.new/api/mcp(Streamable HTTP)托管此服务。支持 OAuth 的客户端可使用 SVG.new 账号登录,无需安装任何内容。支持发送标头的客户端也可以使用 API 密钥,通过 Authorization: Bearer svk_... 进行身份验证。
# 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/mcp
在 Claude 中,打开 Settings(设置)→ Connectors(连接器)→ Add custom connector(添加自定义连接器),输入上方的 URL 并登录。Cline 和其他 Agent 可参阅 llms-install.md。cursor 文件夹中是用于托管服务的 Cursor 插件。各客户端的设置说明见:svg.new/mcp。
快速开始(本地服务)
npx @svgnew/mcp
需要设置 SVG_NEW_API_KEY 环境变量。请在 svg.new/account 获取密钥。
设置
Claude Code / Claude Desktop
添加到 MCP 配置中:
{
"mcpServers": {
"svg-new": {
"command": "npx",
"args": ["@svgnew/mcp"],
"env": {
"SVG_NEW_API_KEY": "svk_your_key_here"
}
}
}
}
Cursor / Windsurf
使用上方相同的配置添加到 MCP 设置中。
OpenAI Codex CLI
将 svg.new 添加到 Codex:
codex mcp add svg-new -- npx -y @svgnew/mcp
或作为插件安装:
codex install svg-new
设置 API 密钥:
codex mcp add svg-new --env SVG_NEW_API_KEY=svk_your_key_here -- npx -y @svgnew/mcp
可用工具
| 工具 | 描述 | 费用 |
|---|---|---|
vectorize | 将图像转换为 SVG | 1 个点数 |
vectorize_file | 将本地图像文件转换为 SVG | 1 个点数 |
recolor_svg | 更改 SVG 中的颜色 | 免费 |
simplify_svg | 缩减调色板 | 免费 |
remove_background | 使用 AI 移除背景 | 1 个点数 |
remove_background_file | 移除本地图像文件的背景 | 1 个点数 |
batch_vectorize | 批量处理多张图像 | 每张图像 1 个点数 |
batch_vectorize_files | 将最多 10 个本地图像文件矢量化 | 每个文件 1 个点数 |
get_batch_status | 查询批处理进度 | 免费 |
list_vectorizations | 查看历史记录 | 免费 |
环境变量
| 变量 | 必需 | 默认值 | 描述 |
|---|---|---|---|
SVG_NEW_API_KEY | 是 | — | 你的 svg.new API 密钥 |
SVG_NEW_API_URL | 否 | https://svg.new | API 基础 URL |
链接
- svg.new — Web 应用
- 定价 — 套餐和点数
- Claude Code 插件 — 包含技能的完整插件
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。