mcpField
L
lsp

lsp

リモート
github.com/TagTeamDesignメディア・デザイン034 週間前に更新
リポジトリ

lsp について

LightSync Pro は WordPress サイトを MCP クライアントに接続し、AI ツールから連携済みのクリエイティブ素材やコマース素材を扱えるようにします。説明ではエンドポイント、トークン認証、複数サイトの接続方法を紹介しています。

主な機能

  1. 01Streamable HTTP の MCP エンドポイント
  2. 02トークンによるサイト接続
  3. 03複数の WordPress サイトに接続
  4. 04旧式クライアント向け SSE エンドポイント
  5. 05接続状態の確認

活用シーン

  1. 01MCP クライアントで LightSync Pro を設定
  2. 02本番サイトとステージングサイトを接続
  3. 03SSE が必要なクライアントでの利用

MCP 対応

WordPress サイト上に Streamable HTTP の MCP エンドポイントを提供し、必要なクライアント向けに SSE エンドポイントも用意します。Claude.ai、Claude Desktop、Cursor、Windsurf の設定方法が記載されています。

設定

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

エンドポイントhttps://lightsyncpro.com/connect
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

設定例

LightSync Pro MCP を AI クライアントに接続するための、すぐに使える設定スニペットです。

YOUR_TOKEN を、LightSync Pro プラグインの設定にある AI & Tools → MCP Settings のトークンに置き換えてください。


Claude.ai(コネクター URL)

Claude.ai の設定 → Integrations → Add MCP Server で、次のように設定します。

https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN

これは Streamable HTTP トランスポートを使用するため、追加の設定は必要ありません。


Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json(macOS)または %APPDATA%\Claude\claude_desktop_config.json(Windows)に追加します。

{
  "mcpServers": {
    "lightsync-pro": {
      "type": "url",
      "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN"
    }
  }
}

Cursor

プロジェクトのルートにある .cursor/mcp.json、またはグローバル設定の ~/.cursor/mcp.json に追加します。

{
  "mcpServers": {
    "lightsync-pro": {
      "type": "url",
      "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN"
    }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json に追加します。

{
  "mcpServers": {
    "lightsync-pro": {
      "type": "url",
      "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN"
    }
  }
}

複数のサイト

複数の WordPress サイトを同時に接続できます。サイトごとに専用のトークンが必要です。

{
  "mcpServers": {
    "lightsync-main": {
      "type": "url",
      "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=TOKEN_1"
    },
    "lightsync-staging": {
      "type": "url",
      "url": "https://staging.yoursite.com/wp-json/lsp-client/v1/mcp?token=TOKEN_2"
    }
  }
}

注記: Claude.ai は現在、ツール名が同一のサーバーを重複排除します。Claude.ai で複数のサイトを接続する場合、これは既知の制限事項です。回避策として、コネクター URL を使い、一度に 1 つのサイトを接続してください。


接続の確認

設定後、AI クライアントに次のように尋ねてください。

「LightSync Pro の接続ステータスを確認してください」

接続に成功すると、次のような応答が返ります。

{
  "site_url": "https://yoursite.com",
  "plan": "pro",
  "connected": ["lightroom", "dropbox", "figma"]
}

404 エラーが発生した場合は、WordPress サイトでプラグインが有効になっていること、およびトークンがプラグインの設定にあるものと一致していることを確認してください。


SSE レガシートランスポート(上級者向け)

Streamable HTTP ではなく SSE トランスポートを必要とするクライアント向けの設定です。

https://yoursite.com/wp-json/lsp-client/v1/mcp/sse?token=YOUR_TOKEN

SSE エンドポイントは GET(ストリーム)と POST(メッセージ)の両方をサポートしています。ほとんどの最新クライアントでは、上記の標準的な /mcp エンドポイントを使用してください。

コメント

MCP は初めてですか?

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

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