VectoSolve MCP Server：Claude Code、Cursor、WindsurfのAI画像ツール

Model Context Protocol（MCP）は、AIコーディングアシスタントが外部ツールをネイティブに呼び出すことを可能にするオープン標準です。ファイルパスをコピー＆ペーストしたりブラウザに切り替えたりする代わりに、やりたいことを説明するだけでAIが残りを処理します。

@vectosolve/mcpサーバーは、VectoSolveの画像処理APIをMCP対応クライアント（Claude Code、Cursor、Windsurf など）に接続します。エディタを離れることなく、画像のベクター化、背景除去、アップスケール、ロゴ生成が可能です。

なぜMCPサーバーを使うのか？

従来の画像処理ワークフローは次のようになります：

1. ブラウザのタブを開く
2. 画像をアップロード
3. 処理を待つ
4. 結果をダウンロード
5. ファイルをプロジェクトに移動

MCPを使えば、「この画像をベクター化して」と言うだけでAIが5つのステップすべてを実行します。結果はプロジェクトディレクトリに配置され、すぐに使えます。

クイックセットアップ

セットアップは30秒で完了します。MCPクライアントの設定にVectoSolveを追加してください：

Claude Code

.mcp.jsonに追加（プロジェクトルートまたはグローバル設定の~/.claude/.mcp.json）：

{
  "mcpServers": {
    "vectosolve": {
      "command": "npx",
      "args": ["@vectosolve/mcp"],
      "env": {
        "VECTOSOLVE_API_KEY": "vs_xxx"
      }
    }
  }
}

Cursor

設定 → MCP Servers → サーバーを追加：

• 名前：vectosolve
• コマンド：npx @vectosolve/mcp
• 環境変数：VECTOSOLVE_API_KEY=vs_xxx

Windsurf

~/.windsurf/mcp_config.jsonに追加：

{
  "mcpServers": {
    "vectosolve": {
      "command": "npx",
      "args": ["@vectosolve/mcp"],
      "env": {
        "VECTOSOLVE_API_KEY": "vs_xxx"
      }
    }
  }
}

APIキーはvectosolve.com/developersで取得できます。

利用可能なツール

MCPサーバーは、AIアシスタントが呼び出せる4つのツールを公開しています：

vectorize

あらゆるラスター画像（PNG、JPG、WebP）をクリーンなSVGベクター形式に変換します。

"./assets/logo.pngのロゴをベクター化して"
"このスクリーンショットをSVGに変換して"

AIがローカルファイルを読み取り、VectoSolveのAPIに送信し、SVGコンテンツを会話内に直接返します。料金：画像1枚あたり$0.20。

remove_background

あらゆる画像から背景を除去します。透過PNG URLを返します。

"product-photo.jpgの背景を除去して"
"この画像を透明にして"

料金：画像1枚あたり$0.07。

upscale

AIを使用して低解像度の画像をアップスケールします。アイコン、サムネイル、古いアセットに最適です。

"このファビコンを512x512にアップスケールして"
"small-icon.pngを高解像度にして"

料金：画像1枚あたり$0.15。

generate_logo

テキスト説明からSVGロゴを生成します。複数のスタイルとブランドカラーに対応しています。

"Nexteraという名前のスタートアップ用にモダンなテックロゴを生成して"
"青と緑でアイコンスタイルのロゴバリエーションを4つ作成して"

パラメータ：

• prompt — 希望するロゴを説明
• style — vector_illustration、icon、line_art、engraving、line_circuit、linocut
• model — recraftv3（最高品質）またはrecraftv2
• colors — ブランドカラーをhex配列で指定、例：["#0090ff", "#1cb721"]
• num_variants — 1、2、または4

料金：ロゴ1つあたり$0.40（recraftv3）または$0.25（recraftv2）。

実際のワークフロー例

MCPサーバーの設定後に使用できる実際のプロンプトです：

デザインワークフロー：

「./public/icons/のPNGアイコンをすべてベクター化してSVGとして保存して」

Eコマース：

「./images/products/のすべての商品写真から背景を除去して」

ブランディング：

「'Bean There'というカフェ用に、暖かいブラウンとクリーム色を使ったロゴバリエーションを4つ生成して」

アセットクリーンアップ：

「この古い64x64ファビコンを使用可能な解像度にアップスケールして」

AIがファイルI/O、API呼び出し、エラーハンドリングを処理します。結果を説明すれば、作業を実行します。

入力方法

すべてのツールは2種類の入力を受け付けます：

• file_path — 任意のローカルファイルパス（例：./assets/logo.png）
• image_url — 任意のパブリックURL（例：https://example.com/image.png）

AIアシスタントがプロンプトに基づいて自動的に使用するタイプを検出します。

クレジットシステム

各ツール呼び出しはVectoSolveアカウントのクレジットを使用します。レスポンスには常にクレジット使用量と残高が含まれるため、リアルタイムで支出を追跡できます。

クレジットの購入またはサブスクリプションはvectosolve.com/pricingで。

開発者エコシステムの一部

MCPサーバーはVectoSolveの3つの開発者ツールの1つです：

3つすべてが同じVectoSolve APIに接続し、クレジット残高を共有します。ワークフローに合ったものを選ぶか、3つすべてを使ってください。

はじめる

1. 無料アカウントを作成してAPIキーを取得
2. エディタにMCP設定を追加（上記のセットアップを参照）
3. AIアシスタントに画像のベクター化を依頼

サーバーはnpxで実行 — グローバルインストール不要、常に最新版。

→ npmで見る · APIドキュメント · 料金