🚀 Webflow MCP 服务器
Webflow MCP 服务器是一个基于 Node.js 实现的 Webflow 模型上下文协议（MCP）服务器，借助 Webflow JavaScript SDK，它允许 AI 代理与 Webflow API 进行交互。若想了解更多关于 Webflow 数据 API 的信息，可参考 开发者文档。
🚀 快速开始
先决条件
操作步骤
-
获取 Webflow API 令牌 您需要拥有一个 Webflow 计划，并在 Webflow 仪表盘 中生成 API 令牌。
-
将配置添加到 AI 编辑器中 将以下内容复制到项目的根目录下，命名为
config.json：
{
"token": "" ,
"projectId": ""
}
- 在 Cursor 中使用 在 Cursor 的 MCP 配置中添加以下内容：
const webflow = require('@webflow/mcp-server');
module.exports = {
providers: [
webflow({
token: process.env.WEBFLOW_TOKEN,
projectId: process.env.WEBFLOW_PROJECT_ID
})
]
};
- 在 Claude Desktop 中使用
在
mcp-config.json文件中添加以下内容：
{
"providers": [
{
"name": "webflow",
"config": {
"token": "" ,
"projectId": ""
}
}
]
}
🔧 开发模式
如果您希望在开发模式下运行服务器，可以按照以下步骤进行：
- 克隆仓库并安装依赖：
git clone git@github.com:webflow/mcp-server.git
cd mcp-server
npm install
- 在项目根目录下创建一个
.env文件，并添加您的 Webflow 令牌：
# .env
WEBFLOW_TOKEN=
- 启动开发服务器：
npm start