MCP — AI エージェントを接続

Claude などのエージェントがこのエディターを直接操作します。

ログインすれば photovim.com でも使えます。下で接続コードを取得し、ご自身のコンピューターで 1 行実行してください。コードの有効期間は数分で、ご自身のタブにのみ接続します。

何が違うのか

エージェントが作ったものは、1 枚に統合された画像ではなく、編集可能なドキュメントとして残ります。

• テキストはテキストレイヤーとして、背景は独立したレイヤーとして届くため、文言やカラーの変更をその場で行えます。
• エージェントの操作は取り消し 1 段階です。気に入らなければ Ctrl+Z で元に戻せます。
• 今見ているタブで実行されます — 同じドキュメント、同じ取り消し履歴です。

接続コードを取得

エディタータブを開いたままコードを取得し、下の行をご自身のコンピューターのターミナルに貼り付けてください。コードは数分で期限切れになります。

ログインしてコードを取得

インストールせずに接続 (リモート)

Canva や Figma と同じく、URL 1 つで接続できます。Node は不要です。Claude Code なら下の 1 行だけで済み、コードを取得すると該当箇所が入力されます。

claude mcp add --transport http photovim https://photovim.com/mcp --header "Authorization: Bearer 接続コード"

その他のクライアントは、URL https://photovim.com/mcp に Authorization: Bearer コード ヘッダーを付けて使います。ヘッダーを送れない場合は https://photovim.com/mcp/コード を使います。リモートでは open_file は使えず (お使いのコンピューター上のパスを受け取るため)、export は png/jpg/webp を画像として返すだけです。

パッケージで接続 (npx)

以下をクライアントの MCP 設定に追加してください。必要なのは Node 22 以降だけで、インストールするものはありません。上でコードを取得すると、コードの欄が入力されます。

{
  "mcpServers": {
    "photovim": {
      "command": "npx",
      "args": ["-y", "@photovim/mcp", "--url", "wss://photovim.com/cable", "--code", "接続コード"]
    }
  }
}

クライアント別

Claude Code

作業フォルダーの .mcp.json に記述するか、claude mcp add photovim -- npx -y @photovim/mcp --url … --code … で追加します。

Claude Desktop · Cursor

claude_desktop_config.json の mcpServers の下にそのまま追加し、Claude Desktop を再起動します。

Codex

~/.codex/config.toml の [mcp_servers.photovim] に同じ command と args を記述します。

接続を確認する方法

エディターのメニューバーでヘルプの右にある MCP を見てください。ボタン内のドットが現在の状態です。

• 緑 — 接続済み。エージェントが何かを実行すると、その名前も表示されます。
• 黄 — 接続中、または接続が切れた後の再接続中です。
• 赤 — 接続できませんでした。トークンまたはサーバーを確認してください。

現在できること

ドキュメントを開く・保存、選択範囲、レイヤーの作成・配置・変形・色調補正、テキストの追加・編集、ブラシストロークのペイント、背景の削除、被写体を選択、AI 生成、取り消し — 全部で 34 個のツールです。

制限

制限はユーザーごとです。コマンド 1 つが 1 回で、batch は含まれる各ステップを数えます。読み取りと書き込みは同じに数えます。制限を超えると、そのコマンドにはすぐに「レート制限」の応答が返ります。

未対応: 「バナーを作って」のような一度で完成させる作業は今後予定しています。現在は 34 個のツールを 1 つずつ操作します。

エディターに戻る