Webflow MCP Server

🚀 Webflow MCP サーバー

この MCP サーバーは、Claude が Webflow の API と相互作用できるようにします。

🚀 クイックスタート

この MCP サーバーは、Claude が Webflow の API と相互作用できるようにするものです。以下に、サーバーのセットアップ手順を説明します。

✨ 主な機能

• Claude と Webflow API の連携を可能にする。
• 複数の Webflow 関連ツールを提供する。

📦 インストール

前提条件

• Node.js（v16 以上）
• Claude デスクトップアプリケーション
• Webflow アカウント
• Webflow API トークン（サイトトークンまたは OAuth アクセストークン）

インストール手順

1. Webflow API トークンの作成

• Webflow アカウントにログインします。
• サイト設定 > アプリと統合に移動します。
• 新しい API トークンを生成します。
• トークン値をコピーします（再度表示されないので注意）。

または、OAuth アクセストークンを生成することもできます。

2. プロジェクトの初期設定

依存関係をインストールします。

npm install

3. 環境変数の設定

ローカル開発用の .env ファイルを作成します（このファイルはコミットしないでください）。

WEBFLOW_API_TOKEN=your-api-token

4. Claude デスクトップの設定

Claude デスクトップの設定ファイルを開きます。

MacOS の場合：

code ~/Library/Application\ Support/Claude/claude_desktop_config.json

Windows の場合：

code %AppData%\Claude\claude_desktop_config.json

以下の設定を追加または更新します。

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/ABSOLUTE/PATH/TO/YOUR/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "your-api-token"
            }
        }
    }
}

ファイルを保存し、Claude デスクトップを再起動します。

Smithery を通じたインストール

Smithery を通じて Webflow MCP サーバーを自動インストールするには、以下のコマンドを実行します。

npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude

💻 使用例

利用可能なツール

現在のサーバーが提供するツールは以下の通りです。

get_sites

認証されたユーザーに関連付けられたすべての Webflow サイトのリストを取得します。以下の詳細情報を返します。

• サイトの表示名と短い名前
• サイト ID とワークスペース ID
• 作成日、最終更新日、最終公開日
• プレビュー URL
• タイムゾーン設定
• カスタムドメイン設定
• 国際化設定（主要および次要な地域）
• データ収集の設定

get_site

ID を指定して特定の Webflow サイトの詳細情報を取得します。siteId パラメーターが必要で、関連情報を返します。

🔧 技術詳細

Endpoint: /api/sites
Method: GET
Headers:
  Authorization: Bearer {token}

📚 ドキュメント

エラー処理

HTTP エラーステータスコード

エラー応答の例

{
  "error": {
    "code": "Unauthorized",
    "message": "Invalid API token"
  }
}

セキュリティに関する注意事項

• API トークンを安全に保管してください。
• 資格情報をバージョン管理にコミットしないでください。
• 環境変数を使用して機密データを保存してください。
• API トークンを定期的に更新してください。
• Webflow の API 使用状況を監視してください。
• API トークンに最小限の権限を付与してください。

サポート

問題が発生した場合：

• 上記のトラブルシューティングセクションを確認してください。
• Claude デスクトップのログを確認してください。
• サーバーのエラー出力を確認してください。
• Webflow の API ドキュメントを参照してください。

📄 ライセンス

MIT ライセンス - 詳細については LICENSE ファイルを参照してください。