Buildez MCP服务器
通过任何兼容MCP的工具使用AI构建完整的网站。
这是什么?
此MCP服务器将AI助手连接到 Buildez.ai,允许您只需描述您想要的内容即可创建完整的网站。
例子:
“为托尼披萨店(Tony's Pizzeria)建立一个网站,这是一家位于布鲁克林的家庭意大利餐厅,提供在线订购服务”
它将为您创建一个完整的实时网站。
支持的工具
| 工具 | 状态 |
|---|---|
| VS代码(副本) | ✅ 支持 |
| 光标IDE | ✅ 支持 |
| 克劳德桌面 | ✅ 支持 |
| 克劳德代码(CLI) | ✅ 支持 |
| Cline(VS代码) | ✅ 支持 |
| 帆板运动 | ✅ 支持 |
______________________________________________________________________
安装
第一步:安装Node.js(必填)
视窗
- 首选
- 点击 “Windows安装程序(.msi)” 按钮
- 运行下载的文件
- 单击下一步→ Next → Next → 安装
- 重新启动计算机 (或至少关闭并重新打开命令提示符)
苹果电脑
brew install node或从以下网址下载
Linux
sudo apt install nodejs npm步骤2:安装Buildez MCP
打开 命令提示符 (Windows)或 终端 (Mac/Linux)并运行:
npm install -g buildez-mcpWindows提示: 按 Win + R,类型 cmd,按Enter键打开命令提示符。
步骤3:验证安装
buildez-mcp --help如果您看到输出(不是错误),则表明它安装正确。
______________________________________________________________________
按工具设置
VS代码(GitHub副本)
VS Code现在通过GitHub Copilot支持MCP服务器。
选项1:用户设置(所有项目)
- 打开VS代码
- 按
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac) - 类型 “首选项:打开用户设置(JSON)” 然后按Enter键
- 将此添加到您的设置中:
{
"mcp": {
"servers": {
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}
}
}选项2:工作空间设置(单个项目)
创建文件 .vscode/mcp.json 在您的项目中:
{
"servers": {
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}
}- 重新启动VS代码
- 打开Copilot聊天,问:“为我的咖啡店建一个网站”
注: 需要GitHub Copilot订阅和VS代码1.99+
______________________________________________________________________
光标IDE
视窗
编辑文件: C:\Users\YOUR_USERNAME\.cursor\mcp.json
{
"mcpServers": {
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}
}Mac/Linux
编辑文件: ~/.cursor/mcp.json
{
"mcpServers": {
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}
}然后重新启动Cursor。
______________________________________________________________________
克劳德桌面
视窗
编辑文件: C:\Users\YOUR_USERNAME\AppData\Roaming\Claude\claude_desktop_config.json
{
"mcpServers": {
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}
}苹果电脑
编辑文件: ~/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}
}然后重新启动Claude Desktop。
______________________________________________________________________
克劳德代码(CLI)
Claude Code内置了MCP支持。只需运行以下命令:
claude mcp add buildez-mcp -- npx buildez-mcp验证是否已添加:
claude mcp list使用它,只需启动Claude Code并询问:
"Build a website for my coffee shop called Bean Dreams"______________________________________________________________________
Cline(VS代码扩展)
- 安装 临床扩展 VS代码
- 打开临床设置
- 转到MCP服务器部分
- 添加:
{
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}______________________________________________________________________
帆板运动
编辑您的Windsurf MCP配置并添加:
{
"mcpServers": {
"buildez": {
"command": "npx",
"args": ["buildez-mcp"],
"env": {
"BUILDEZ_API_URL": "https://buildez.ai"
}
}
}
}______________________________________________________________________
用法
设置完成后,只需让AI构建一个网站:
示例:
- “为西雅图一家名为Morning Brew的咖啡店建立一个网站”
- “为一位名叫Sarah的摄影师创建一个作品集网站”
- “为珠宝店建立一个电子商务网站”
- “为一家专门从事家庭法的律师事务所制作一个网站”
AI将:
- 分析您的需求
- 选择最佳组件(170+可用)
- 为您的企业生成自定义内容
- 部署网站
- 给你实时网址
可用工具
| 工具 | 说明 |
|---|---|
build_website | 根据企业名称和描述创建一个完整的网站 |
输出示例
✅ Website "Tony's Pizzeria" created successfully!
Live URL: https://webid.is/tonys-pizzeria-x7k2m9
Editor: https://buildez.ai/editor/tonys-pizzeria-x7k2m9
Components used:
- Hero section with restaurant branding
- Menu display
- Contact information
- Online ordering
- Testimonials
- Footer with location map故障排除
Windows:“无法识别npm”
- Node.js未安装或不在PATH中
- 从重新安装Node.js
- 确保 重新启动命令提示符 安装后
Windows:“无法识别buildez mcp”
- 跑
npm install -g buildez-mcp再次 - 尝试使用完整路径:
%APPDATA%\npm\buildez-mcp
MCP显示“错误”或红点
- 重新启动IDE/应用程序
- 检查BUILDEZ_API_URL是否设置为
https://buildez.ai
网站未生成
- 检查互联网连接
- 先尝试一个更简单的描述
链接
- 网站: buildez.ai
- 文档: buildez.ai/docs
- 技术支持: support@buildez.ai
许可证
麻省理工学院
