AI网站构建服务

Buildez MCP Server是一个通过AI助手快速构建完整网站的服务,支持多种开发工具和IDE。

  • by buildezai
  • JavaScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 buildezai/buildez-mcp

使用说明

Buildez MCP服务器

通过任何兼容MCP的工具使用AI构建完整的网站。

这是什么?

此MCP服务器将AI助手连接到 Buildez.ai,允许您只需描述您想要的内容即可创建完整的网站。

例子:

“为托尼披萨店(Tony's Pizzeria)建立一个网站,这是一家位于布鲁克林的家庭意大利餐厅,提供在线订购服务”

它将为您创建一个完整的实时网站。

支持的工具

工具 状态
VS代码(副本) ✅ 支持
光标IDE ✅ 支持
克劳德桌面 ✅ 支持
克劳德代码(CLI) ✅ 支持
Cline(VS代码) ✅ 支持
帆板运动 ✅ 支持

安装

第一步:安装Node.js(必填)

视窗

  1. 首选 nodejs.org/en/下载
  2. 点击 “Windows安装程序(.msi)” 按钮
  3. 运行下载的文件
  4. 单击下一步→ Next → Next → 安装
  5. 重新启动计算机 (或至少关闭并重新打开命令提示符)

苹果电脑

brew install node

或从以下网址下载 nodejs.org

Linux

sudo apt install nodejs npm

步骤2:安装Buildez MCP

打开 命令提示符 (Windows)或 终端 (Mac/Linux)并运行:

npm install -g buildez-mcp

Windows提示: 按 Win + R,类型 cmd,按Enter键打开命令提示符。

步骤3:验证安装

buildez-mcp --help

如果您看到输出(不是错误),则表明它安装正确。


按工具设置

VS代码(GitHub副本)

VS Code现在通过GitHub Copilot支持MCP服务器。

选项1:用户设置(所有项目)

  1. 打开VS代码
  2. 按 Ctrl+Shift+P (Windows/Linux)或 Cmd+Shift+P (Mac)
  3. 类型 “首选项:打开用户设置(JSON)” 然后按Enter键
  4. 将此添加到您的设置中:
{
  "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"
      }
    }
  }
}
  1. 重新启动VS代码
  2. 打开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代码扩展)

  1. 安装 临床扩展 VS代码
  2. 打开临床设置
  3. 转到MCP服务器部分
  4. 添加:
{
  "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将:

  1. 分析您的需求
  2. 选择最佳组件(170+可用)
  3. 为您的企业生成自定义内容
  4. 部署网站
  5. 给你实时网址

可用工具

工具 说明
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 nodejs.org/en/下载
  • 确保 重新启动命令提示符 安装后

Windows:“无法识别buildez mcp”

  • 跑 npm install -g buildez-mcp 再次
  • 尝试使用完整路径: %APPDATA%\npm\buildez-mcp

MCP显示“错误”或红点

  • 重新启动IDE/应用程序
  • 检查BUILDEZ_API_URL是否设置为 https://buildez.ai

网站未生成

  • 检查互联网连接
  • 先尝试一个更简单的描述

链接

许可证

麻省理工学院