Webflow MCP Server

基本能力

产品定位

Webflow MCP Server 是一个中间件服务，旨在为 Claude 提供与 Webflow API 交互的能力，实现 Webflow 站点的自动化管理。

核心功能

1. 站点信息获取：
2. 获取用户可访问的所有 Webflow 站点列表（get_sites）
3. 获取特定 Webflow 站点的详细信息（get_site）
4. 数据管理：
5. 提供完整的站点数据结构定义
6. 包括站点基本信息、自定义域名、本地化设置等
7. 错误处理：
8. 处理环境变量缺失
9. 处理无效 API 令牌
10. 处理权限不足等情况

适用场景

1. Webflow 站点管理：批量查看和管理多个 Webflow 站点
2. 自动化工作流：将 Webflow 管理集成到自动化流程中
3. 数据监控：定期检查站点状态和更新情况

工具列表

1. get_sites：
2. 获取用户可访问的所有 Webflow 站点列表
3. 返回包括站点显示名称、ID、创建日期、最后更新时间、预览URL等详细信息
4. get_site：
5. 通过站点ID获取特定站点的详细信息
6. 返回与 get_sites 相同的数据结构，但仅针对单个站点

常见问题解答

1. 工具未出现在 Claude 中：
2. 检查 Claude Desktop 日志
3. 验证 WEBFLOW_API_TOKEN 是否正确设置
4. 确保 index.js 的路径是绝对路径且正确
5. 认证错误：
6. 验证 API 令牌是否有效
7. 检查令牌是否具有必要权限
8. 确保令牌未过期
9. 查看日志：
10. MacOS/Linux: tail -n 20 -f ~/Library/Logs/Claude/mcp*.log
11. Windows: Get-Content -Path "$env:AppData\Claude\Logs\mcp*.log" -Wait -Tail 20

使用教程

使用依赖

1. Node.js (v16 或更高版本)
2. Claude Desktop App
3. Webflow 账户
4. Webflow API 令牌 (站点令牌或 OAuth 访问令牌)

安装教程

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

5. 复制令牌值

6. 初始项目设置： bash npm install

7. 配置环境变量： 创建 .env 文件： plaintext WEBFLOW_API_TOKEN=your-api-token

8. 配置 Claude Desktop： 编辑配置文件并添加： json { "mcpServers": { "webflow": { "command": "node", "args": [ "/ABSOLUTE/PATH/TO/YOUR/build/index.js" ], "env": { "WEBFLOW_API_TOKEN": "your-api-token" } } } }

9. 通过 Smithery 安装： bash npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude

调试方式

1. 查看日志：
2. MacOS/Linux: tail -n 20 -f ~/Library/Logs/Claude/mcp*.log
3. Windows: Get-Content -Path "$env:AppData\Claude\Logs\mcp*.log" -Wait -Tail 20
4. 验证环境变量：
5. 确保 WEBFLOW_API_TOKEN 已设置且有效
6. 重启 Claude Desktop：
7. 配置更改后需要重启应用

许可证

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