CleanVector について
CleanVectorは、編集可能なSVGイラストやロゴの生成、ラスター画像のベクター化を行うホスト型MCPサーバーです。MCPクライアントでビジュアル素材を作る人向けで、ロゴの各種バリエーションや書き出し画像、再利用できるSVGを提供します。
主な機能
- 01編集可能なSVGイラストやアイコンの生成
- 02カラー版と単色版を含むロゴの作成
- 03PNG、JPG、WebP画像のSVG変換
- 04複数シーンでのマスコットの一貫性維持
- 05SVG、PNG、ロゴキットのダウンロード
活用シーン
- 01アプリ用の統一感あるアイコンセットを作る
- 02ブランド向けロゴのバリエーションを作成する
- 03ラスター画像を編集可能なSVGに置き換える
MCP 対応
イラストやロゴの生成、画像のベクター化、非同期タスクの追跡、結果のダウンロード用ツールを提供します。MCPクライアントはStreamable HTTPで接続し、ツールの呼び出しにはCleanVector APIキーが必要です。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://cleanvector.ai/api/mcpclaude mcp add --transport http ai-cleanvector-cleanvector https://cleanvector.ai/api/mcp{"mcpServers":{"ai-cleanvector-cleanvector":{"type":"http","url":"https://cleanvector.ai/api/mcp"}}}Cursor で開く{"servers":{"ai-cleanvector-cleanvector":{"type":"http","url":"https://cleanvector.ai/api/mcp"}}}VS Code で開く{"mcpServers":{"ai-cleanvector-cleanvector":{"type":"http","url":"https://cleanvector.ai/api/mcp"}}}{"mcpServers":{"ai-cleanvector-cleanvector":{"serverUrl":"https://cleanvector.ai/api/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://cleanvector.ai/api/mcp認証が必要ツール
11| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| prompt | string | はい | 描画する内容を自然言語で指定します |
| mascot_id | string | いいえ | 任意の mascot id。シーン内でキャラクターの一貫性を保ちます |
| aspect_ratio | enum | いいえ | auto | square | landscape | portrait |
| no_background | boolean | いいえ | 背景を透明にして、被写体のみを返します |
詳細
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 ファイルです。
Northstar 戦略スタジオ向けの、N とコンパスを組み合わせたデザイン | Kinfold コミュニティプラットフォーム向けの、折りたたんだリボンで表現した K | Halo 空間コンピューティングスタジオ向けの、2 つの軌道ループで H を表したデザイン |
接続後、エージェントに次のように依頼できます。
フィットネスアプリ用に、統一感のあるフラットな線画アイコンを 6 個、SVG で生成して
public/iconsに保存してください。
「Northstar」という戦略スタジオのロゴをデザインしてください。幾何学的で自信を感じさせるデザインにし、濃い青を基調にコーラルをアクセントとして 1 色使ってください。SVG と白黒のバリエーションを
./brandに保存してください。
./mockups/hero.pngをベクター化し、ランディングページのラスター画像を SVG に置き換えてください。
クイックスタート
- cleanvector.ai/app/api-keys で API キーを作成します。Plus および Pro プランには API と MCP のアクセスが含まれています。
- サーバーをクライアントに追加します。
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_image | PNG、JPG、WebP(URL または base64 形式で最大 5 MB)を、クリーンで編集可能な SVG に変換します。 | 1 または 4 クレジット |
wait_for_task | 非同期タスクの完了を待ち、結果を返します。 | 無料 |
get_task | 1 つのタスクの状態を取得します。タスクが成功すると、ダウンロード URL も含まれます。 | 無料 |
list_tasks | アカウントの最新のタスクを一覧表示します。 | 無料 |
list_mascots | キャラクターの一貫性を保つための ID を持つ、保存済みのマスコットを一覧表示します。 | 無料 |
download_svg | 完成したアートワークを SVG マークアップとして返します。 | 無料 |
download_png | エージェントのコンテキスト内で、任意の幅の PNG 画像として完成したアートワークを返します。 | 無料 |
download_logo_kit | 3 つの 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 サービス自体は、ホスト型の商用製品です。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。