SVG.new

@svgnew/mcp

svg.new 用の MCP（Model Context Protocol）サーバーです。AI を活用して画像を SVG にベクター化します。

Claude Code、Claude Desktop、Cursor、Windsurf など、MCP 対応クライアントから svg.new を利用できます。

ホスト型サーバー（サインインするだけで、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 やその他のエージェントについては、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

Codex に svg.new を追加します。

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 — ウェブアプリ
• 料金 — プランとクレジット
• Claude Code プラグイン — スキルを含む完全版プラグイン