本物のSVGエディタを動かすMCPサーバー

単なるファイル生成ツールではありません

SVGファイルを書き出せるMCPサーバーはたくさんあります。しかしそれはフィードバックのない1回のツール呼び出しにすぎません。モデルは座標を推測し、あなたは結果を別の場所で開いて何が失敗したかを確認することになります。Rayziaのサーバーは、代わりにエージェントに完全な観察と行動のループを提供します。 get_state はシーンを読み取ります。選択範囲、各オブジェクトのidとバウンディングボックス、ペイント、アクティブなツール、現在のビューです。 get_render はキャンバスのPNGを返すので、モデルが自分の作業を自分の目で確認できます。

アクションは本物のエンジンを通して実行されるため、エージェントはマークアップの出力に限定されません。パス上テキストの配置、エンベロープワープの適用、グラデーションの流し込み、手作業で適用するのと同じライブパスエフェクトの実行ができます。各セマンティック動詞は1回のアンドゥステップで、バッチも1回のアンドゥとしてまとまるため、誤操作もCtrl+Z一発で戻せます。

ループは逆方向にも動作します。エディタのAIアシスタントパネルには Claude Code (local) プロバイダーがあり、そこに入力したプロンプトは wait_for_promptを通じてエージェントに届き、エージェントの作業中はパネルが各操作をライブで実況します。作業が終わると、 reply_to_user.

ツール一覧

9つのツールがループ全体をカバーします。 get_catalog は地図です。パラメータスキーマ付きのセマンティック動詞、533の生コマンド、69のエフェクト、57のツールを返すため、エージェントはAPIを幻覚するのではなく、エディタにできることを実際に発見します。

クイックスタート：5ステップで Claude Code を接続

1. AIパネルを開く。 rayzia.com のエディタ/vector/で、AIアシスタントパネルを開き、設定の歯車をクリックします。
2. Claude Code (local) を選ぶ。 プロバイダー一覧から選択します。このプロバイダーにAPIキーは不要です。
3. SKILL.md をコピーする。 ペインが、サーバー全体を埋め込んだスキルに加え、ブラウザのケーパビリティトークンとブリッジポートを生成します。コピーまたはダウンロードして Claude Code に渡してください。
4. Claude Code にサーバーを登録させる。 サーバーファイルを保存し、MCPサーバーとして追加します：

   claude mcp add rayzia \
     --env AI_MCP_PORT=<port> --env AI_MCP_TOKEN=<token> \
     -- node /absolute/path/to/rayzia-mcp-server.mjs

5. Connect をクリックする。 ステータスドットが緑になります。Claude Code に直接入力するか、Claude Code に「Rayzia パネルのプロンプトを待ち受けて」と指示すればパネルからチャットできます。

サーバーは単一ファイルで、オープンソースとして github.com/RayziaOfficial/rayzia-mcpで公開されています。他のMCPクライアントからは標準の .mcp.json エントリで利用できます：

{
  "mcpServers": {
    "rayzia": {
      "command": "node",
      "args": ["/absolute/path/to/rayzia-mcp-server.mjs"],
      "env": { "AI_MCP_PORT": "8765", "AI_MCP_TOKEN": "<token>" }
    }
  }
}

設計思想としてローカル

サーバーはnpm依存ゼロの単一Nodeファイル（Node 16+ の組み込み機能のみ）で、127.0.0.1 にバインドするため、マシンの外からサーバーに到達することはできません。すべての操作にはブラウザごとに一度生成されるケーパビリティトークンが付き、トークンが一致しない操作はエディタが拒否するため、ポートを乗っ取った不正なローカルプロセスがキャンバスを操作することはできません。

ファイルおよびドキュメント操作（保存、開く、新規、インポート）はエンジン境界で拒否リスト化されています。接続はエディタ側からのオプトインで、デプロイ済みのhttpsエディタでも動作します。ブリッジがChromeのPrivate Network Accessプリフライトに応答するため、ページからループバックサーバーに到達できます。

開発者向けの配線なしでAI製ベクターが欲しい場合は、エディタ内蔵アシスタントがあなた自身のClaudeまたはGPTアカウントでそれをカバーします。詳しくは AI SVGジェネレーター.

Rayzia MCP：よくある質問