Webflow MCP Server

基本能力

产品定位

Webflow MCP Server 是一个连接 Claude 和 Webflow API 的中间件服务，旨在提升开发者和内容管理者在 Webflow 平台上的工作效率。

核心功能

1. 站点管理：
2. 获取所有可访问的 Webflow 站点信息（get_sites）
3. 获取特定站点的详细信息（get_site）
4. 内容集合管理：
5. 获取站点中的所有内容集合（get_collections）

适用场景

1. 需要批量管理多个 Webflow 站点的开发者
2. 需要自动化处理 Webflow 内容的团队
3. 需要将 Webflow 数据与其他系统集成的场景

工具列表

1. get_sites：获取用户可访问的所有 Webflow 站点详细信息
2. get_site：获取特定 Webflow 站点的详细信息
3. get_collections：获取特定站点的所有内容集合信息

常见问题解答

1. 工具未出现在 Claude 中：
2. 检查 Claude 桌面日志
3. 验证 WEBFLOW_API_TOKEN 是否正确设置
4. 确保 index.js 的路径是绝对路径且正确
5. 认证错误：
6. 验证 API 令牌是否有效
7. 检查令牌是否具有必要权限
8. 确保令牌未过期

使用教程

使用依赖

1. Node.js (v16 或更高版本)
2. Claude 桌面应用
3. Webflow 账户
4. Webflow API 令牌（站点令牌或 OAuth 访问令牌）

安装教程

1. 创建 Webflow API 令牌：
2. 登录 Webflow 账户
3. 导航到 Site Settings > Apps & Integrations
4. 生成新的 API 令牌

5. 复制令牌值

6. 初始项目设置：

npm install

1. 配置环境变量： 创建 .env 文件：

WEBFLOW_API_TOKEN=your-api-token

1. 配置 Claude 桌面： 修改配置文件：

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

1. 通过 Smithery 安装：

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

调试方式

1. 查看日志（MacOS/Linux）：

tail -n 20 -f ~/Library/Logs/Claude/mcp*.log

1. 查看日志（Windows）：

Get-Content -Path "$env:AppData\Claude\Logs\mcp*.log" -Wait -Tail 20

许可证

该项目遵循 MIT 开源许可条款，请参阅 MIT 了解完整条款。