mcpField
C
CleanVector

CleanVector

リモート
cleanvector.aiメディア・デザイン05 週間前に更新
リポジトリ公式サイト

CleanVector について

CleanVectorは、編集可能なSVGイラストやロゴの生成、ラスター画像のベクター化を行うホスト型MCPサーバーです。MCPクライアントでビジュアル素材を作る人向けで、ロゴの各種バリエーションや書き出し画像、再利用できるSVGを提供します。

主な機能

  1. 01編集可能なSVGイラストやアイコンの生成
  2. 02カラー版と単色版を含むロゴの作成
  3. 03PNG、JPG、WebP画像のSVG変換
  4. 04複数シーンでのマスコットの一貫性維持
  5. 05SVG、PNG、ロゴキットのダウンロード

活用シーン

  1. 01アプリ用の統一感あるアイコンセットを作る
  2. 02ブランド向けロゴのバリエーションを作成する
  3. 03ラスター画像を編集可能なSVGに置き換える

MCP 対応

イラストやロゴの生成、画像のベクター化、非同期タスクの追跡、結果のダウンロード用ツールを提供します。MCPクライアントはStreamable HTTPで接続し、ツールの呼び出しにはCleanVector APIキーが必要です。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://cleanvector.ai/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 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://cleanvector.ai/api/mcp認証が必要

ツール

11
パラメーター型必須説明
promptstringはい描画する内容を自然言語で指定します
mascot_idstringいいえ任意の mascot id。シーン内でキャラクターの一貫性を保ちます
aspect_ratioenumいいえauto | square | landscape | portrait
no_backgroundbooleanいいえ背景を透明にして、被写体のみを返します

詳細

CleanVector のロゴ

CleanVector MCP サーバー

プロンプトからプロ品質の SVG アートワーク、アイコン、ベクターロゴを作成したり、あらゆる画像をベクター化したりできます。

ドキュメント · API キーを取得 · MCP レジストリ · ギャラリー


CleanVector はホスト型の Model Context Protocol サーバーです。Claude Code、Cursor、VS Code、Windsurf、その他あらゆる MCP クライアントに、ほとんどの画像ツールではエージェントに返せない次の 3 つの機能を提供します。

  • プロ品質の SVG アートワーク。 イラスト、アイコン、ステッカー、マスコットを、透明な背景の実際のベクターパスとして作成します。埋め込みビットマップはなく、アートの背後に白い四角形もありません。
  • ベクターロゴ。 簡潔な説明を入力するだけで、ブランドキット一式が完成します。編集可能な SVG ロゴ、白黒のバリエーション、背景が透明な PNG の書き出し、完成したロゴから測定したカラーパレットが含まれます。
  • きれいなベクター化。 AI 生成画像を含む PNG、JPG、WebP を、色を変更したり拡大縮小したりできる SVG に変換します。

インストールや実行は不要です。サーバーはリモートで、Streamable HTTP に対応し、公式 MCP レジストリに ai.cleanvector/cleanvector として掲載されています。クライアントやディレクトリは、認証情報がなくてもサーバーのメタデータやツールのスキーマを確認できます。ただし、すべてのツール呼び出しには CleanVector API キーが必要です。

使用例

次の 3 つのベクターロゴは、それぞれ 1 文の説明から生成されました。いずれも examples/ に保存されている実際の SVG ファイルです。

CleanVector が生成した Northstar のロゴ
Northstar
戦略スタジオ向けの、N とコンパスを組み合わせたデザイン
CleanVector が生成した Kinfold のロゴ
Kinfold
コミュニティプラットフォーム向けの、折りたたんだリボンで表現した K
CleanVector が生成した Halo のロゴ
Halo
空間コンピューティングスタジオ向けの、2 つの軌道ループで H を表したデザイン

接続後、エージェントに次のように依頼できます。

フィットネスアプリ用に、統一感のあるフラットな線画アイコンを 6 個、SVG で生成して public/icons に保存してください。

「Northstar」という戦略スタジオのロゴをデザインしてください。幾何学的で自信を感じさせるデザインにし、濃い青を基調にコーラルをアクセントとして 1 色使ってください。SVG と白黒のバリエーションを ./brand に保存してください。

./mockups/hero.png をベクター化し、ランディングページのラスター画像を SVG に置き換えてください。

クイックスタート

  1. cleanvector.ai/app/api-keys で API キーを作成します。Plus および Pro プランには API と MCP のアクセスが含まれています。
  2. サーバーをクライアントに追加します。

Claude Code

claude mcp add --transport http cleanvector https://cleanvector.ai/api/mcp \
  --header "Authorization: Bearer cv_YOUR_KEY"

Cursor(~/.cursor/mcp.json)

{
  "mcpServers": {
    "cleanvector": {
      "url": "https://cleanvector.ai/api/mcp",
      "headers": {
        "Authorization": "Bearer cv_YOUR_KEY"
      }
    }
  }
}

VS Code(.vscode/mcp.json)

{
  "inputs": [
    {
      "id": "cleanvector_key",
      "type": "promptString",
      "description": "CleanVector API key",
      "password": true
    }
  ],
  "servers": {
    "cleanvector": {
      "type": "http",
      "url": "https://cleanvector.ai/api/mcp",
      "headers": {
        "Authorization": "Bearer ${input:cleanvector_key}"
      }
    }
  }
}

Windsurf(~/.codeium/windsurf/mcp_config.json)

{
  "mcpServers": {
    "cleanvector": {
      "serverUrl": "https://cleanvector.ai/api/mcp",
      "headers": {
        "Authorization": "Bearer cv_YOUR_KEY"
      }
    }
  }
}

Claude Desktop およびその他の stdio 専用クライアント(mcp-remote 経由)

{
  "mcpServers": {
    "cleanvector": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://cleanvector.ai/api/mcp",
        "--header",
        "Authorization:${CLEANVECTOR_AUTH}"
      ],
      "env": {
        "CLEANVECTOR_AUTH": "Bearer cv_YOUR_KEY"
      }
    }
  }
}

ツール

ツール内容コスト
generate_illustrationテキストプロンプトから、イラスト、アイコン、ステッカー、マスコットのシーンなど、プロ品質で編集可能な SVG アートワークを生成します。シーン間で同じキャラクターを一貫して使用するには、mascot_id を指定します。4 クレジット
generate_logoオリジナル、黒、白のバリエーション、PNG エクスポート、測定済みのカラーパレットを含むベクターロゴを生成します。既存のブランドアイデンティティを洗練させる参照画像、または大まかな着想のもとにする参照画像を指定できます。8 クレジット
vectorize_imagePNG、JPG、WebP(URL または base64 形式で最大 5 MB)を、クリーンで編集可能な SVG に変換します。1 または 4 クレジット
wait_for_task非同期タスクの完了を待ち、結果を返します。無料
get_task1 つのタスクの状態を取得します。タスクが成功すると、ダウンロード URL も含まれます。無料
list_tasksアカウントの最新のタスクを一覧表示します。無料
list_mascotsキャラクターの一貫性を保つための ID を持つ、保存済みのマスコットを一覧表示します。無料
download_svg完成したアートワークを SVG マークアップとして返します。無料
download_pngエージェントのコンテキスト内で、任意の幅の PNG 画像として完成したアートワークを返します。無料
download_logo_kit3 つの SVG、3 つの PNG、palette.json を ZIP として返します。無料
get_account現在のプランとクレジット残高を返します。無料

生成は非同期で行われます。一般的な流れは、generate_illustration、次に wait_for_task、その後 download_svg です。ダウンロードと再エクスポートでクレジットが消費されることはありません。

詳細

エンドポイントhttps://cleanvector.ai/api/mcp
トランスポートストリーミング可能な HTTP
認証公開ディスカバリー。ツールの呼び出しには Authorization: Bearer cv_... API キーが必要です
レジストリ名ai.cleanvector/cleanvector
アクセスPlus および Pro プラン
REST API同じキーを REST API にも使用できます。詳細はダッシュボードをご覧ください

レジストリマニフェストは server.json にあります。

出力例

すべての結果は標準的な SVG です。塗りのあるプレーンな <path> 要素で構成され、埋め込み画像やスクリプトはなく、キャンバスは透明です。Figma、Illustrator、Inkscape、および無料の CleanVector SVG エディターで開いて編集できます。本番環境でアセットを使用する前に確認すべき点については、CleanVector の仕組みをご覧ください。

AI 生成のロゴには商標クリアランスが付属しません。商用利用を検討する前に、関連する商標データベースを検索してください。

サポート

  • ドキュメント:cleanvector.ai/mcp
  • お問い合わせ:cleanvector.ai/contact
  • このドキュメントまたはクライアント設定に関する問題:このリポジトリで issue を作成してください。

ライセンス

このリポジトリ内のドキュメント、設定例、アートワークのサンプルは、MIT ライセンスのもとで公開されています。CleanVector サービス自体は、ホスト型の商用製品です。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。