mcpField
S
SVG.new

SVG.new

远程服务
svg.new媒体与设计16 天前更新

关于 SVG.new

SVG.new 的 MCP 服务将图像矢量化及 SVG 编辑能力提供给 AI Agent 和设计工作流。可使用托管端点或本地服务器处理图像与 SVG 文件。

主要功能

  1. 01PNG、JPG 和 WebP 转 SVG
  2. 02SVG 调色与简化色彩
  3. 03移除图像背景
  4. 04批量矢量化图像
  5. 05查询批处理状态与历史

适用场景

  1. 01将位图转换为可缩放 SVG
  2. 02调整 SVG 配色或减少颜色
  3. 03批量处理图像并查看进度

MCP 相关

该服务通过 MCP 工具向兼容客户端提供图像矢量化、SVG 调色、简化、背景移除及批处理能力。可连接托管的 Streamable HTTP 端点,也可运行本地服务器。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://svg.new/api/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

安装包
npm@svgnew/mcp1.3.1

工具

详细介绍

@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将图像转换为 SVG1 个点数
vectorize_file将本地图像文件转换为 SVG1 个点数
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.newAPI 基础 URL

链接

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。