关于 Zarla Website Builder
Zarla Website Builder 是托管式 MCP 服务,可通过 AI 客户端创建和维护网站。它先编辑私有草稿再发布,并提供网站设计、预览和商品管理工具。
主要功能
- 01创建网站并编辑页面
- 02调整设计、品牌元素和 SEO
- 03上传和管理图片
- 04预览草稿并发布网站
- 05管理商品和订单
适用场景
- 01根据简短描述创建商业网站
- 02在对话中修改页面内容和网站设计
- 03发布前预览网站变更
- 04添加商品并查看订单
MCP 相关
托管服务位于 `https://www.zarla.com/api/mcp`,通过浏览器登录连接 MCP 客户端。它提供 36 种工具,用于构建、编辑、预览、发布网站及管理商品。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://www.zarla.com/api/mcpclaude mcp add --transport http com-zarla-website-builder https://www.zarla.com/api/mcp{"mcpServers":{"com-zarla-website-builder":{"type":"http","url":"https://www.zarla.com/api/mcp"}}}在 Cursor 中打开{"servers":{"com-zarla-website-builder":{"type":"http","url":"https://www.zarla.com/api/mcp"}}}在 VS Code 中打开{"mcpServers":{"com-zarla-website-builder":{"type":"http","url":"https://www.zarla.com/api/mcp"}}}{"mcpServers":{"com-zarla-website-builder":{"serverUrl":"https://www.zarla.com/api/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
Zarla MCP 服务 — 在 Claude、ChatGPT、Cursor 和 Gemini 中构建、编辑并发布网站
Zarla 是一款 AI 网站构建工具,配备托管式 MCP 服务。将它连接到任意 MCP 客户端,即可通过一句话构建网站、编辑页面、更改设计、设置徽标、添加产品并发布——所有操作都能在对话中完成。无需编写代码,无需设置托管服务,也无需 API 密钥。
连接链接(所有客户端都使用同一个链接):
https://www.zarla.com/api/mcp
客户端打开浏览器后,使用你的 Zarla 账户登录即可。设置就这么简单。使用 Zarla 构建和预览网站是免费的;发布需要付费套餐。

在 ChatGPT 中说“预览我的网站”——预览会逐页显示在对话中。其他客户端则会提供预览链接。

左:Claude 发布网站,并指出接下来需要修复一个占位电话号码。右:Cursor 打开预览并列出页面。
连接
各应用的分步说明和截图:https://www.zarla.com/help/connect-claude-and-ai-agents
| 客户端 | 方法 |
|---|---|
| Claude(claude.ai、桌面版) | 设置 → 连接器 → 添加自定义连接器 → 粘贴链接 → 登录。所有 Claude 套餐均可使用,包括免费版。 |
| Claude Code | 运行 claude mcp add zarla --transport http "https://www.zarla.com/api/mcp",然后运行 /mcp 登录。也可以将此仓库的 .mcp.json 复制到你的项目中。 |
| ChatGPT | 打开“设置”→“安全和登录”→ 开发者模式,然后访问 chatgpt.com/plugins → + → 名称填写 Zarla,服务器 URL 填写该链接,身份验证选择 OAuth。 |
| Cursor | 点击上方的 Add to Cursor 徽章,或将 .cursor/mcp.json 添加到你的项目中,然后在 Cursor 提示时点击 Authenticate。 |
| Gemini CLI | 运行 gemini extensions install https://github.com/zarlahq/website-builder-mcp(此仓库是 Gemini CLI 扩展),或运行 gemini mcp add --transport http zarla https://www.zarla.com/api/mcp。 |
| Cline 和其他客户端 | 使用该链接添加远程 Streamable HTTP 服务。详情见 llms-install.md。 |
试试看
- “为我在 Denver 的移动宠物美容业务构建一个网站。”
- “重写我的首页标题,让它听起来更高端,并添加一个客户评价版块。”
- “将一款 $45 的 Deluxe Wash 添加到我的产品中,并发布网站。”
- “我在 Zarla 上有哪些网站?”
- “给我看看我的网站。”
- “让我的网站看起来更温暖、更亲切。”
更大型的任务
你的 AI 应用负责研究和写作,Zarla 则带来能改动网站的工具。在支持浏览网页的应用中(ChatGPT、支持网页搜索的 Claude):
- “查看丹佛排名前 10 的水管工网站。告诉我它们都有、而我的网站没有哪些页面和版块,然后把它们添加到我的网站。”
- “阅读我在 [link] 的评价,并从中选出最好的 5 条,在我的主页上创建一个客户评价版块。”
- “为价目表上的每项服务撰写一个服务页面,并从菜单链接到这些页面。”
- “将我的主页与最强劲的竞争对手的主页进行比较,并重写我的标题和第一个版块,让客户更清楚地知道为什么应该选择我。”
为什么不直接让 ChatGPT 或 Claude 建网站?
当然可以。你会得到一个 HTML 文件夹,或代码沙盒中的一个页面。接下来才是真正的工作:托管网站、连接域名、让联系表单真正把消息发给你,以及每次需要修改时都回头找 AI。Zarla 承担的是聊天工具无法独自完成的部分:一个带有托管服务和完整业务工具链的 AI 网站构建器,并且每周都有新功能上线(最新动态)。
| 直接向 AI 提问 | 连接 Zarla 后向 AI 提问 | |
|---|---|---|
| 你会得到什么 | 需要自行托管的代码 | 通过 Google Cloud 的全球 CDN 提供服务的在线网站。无需部署。 |
| 域名、DNS、SSL | 购买域名、设置 DNS、配置证书并续期 | 在 Zarla 中购买或连接域名。DNS、HTTPS 和证书续期均由 Zarla 处理。 |
| 安全性 | 需要自行修补 | 默认启用 HTTPS,提供 DDoS 防护,无需更新插件或依赖项 |
| 后续修改 | 重新输入提示词、重新生成、重新部署。之前的修改会丢失。 | 36 种工具可直接修改实际网站。先起草、预览,再一步发布。 |
| 设计 | 取决于模型当天的发挥 | 1,200 多款专业设计的模板。切换设计时保留内容。 |
| 吸引客户 | 一个不会把消息发到任何地方的联系表单 | 线索收件箱和 CRM、在线预约、WhatsApp 聊天按钮、礼品卡、带结账功能的商品、发票 |
| 提升曝光 | 取决于模型记得添加哪些 SEO 设置 | 每个页面都配有站点地图、元标签和结构化数据。Get Found 评分和 SEO 指导。已连接 Google Search Console 和 Google Business Profile。提供收集评价的操作指南。 |
| 了解哪些方式有效 | 安装分析产品、添加 Cookie 横幅 | 内置分析功能,从发布当天起统计线索、来电和销售额 |
| 维持网站运行 | 你负责:托管费用、构建故障、更新 | 由 Zarla 负责。 |
| 费用 | 托管费用加上你的时间 | 免费构建和预览。发布需要付费套餐。 |
你的 AI 应用负责思考:研究、写作、策略。Zarla 则提供网站以及企业运营所需的一切工具。
服务可以做什么
36 个工具,每个工具都标注了标题和 MCP 行为提示(只读/破坏性/幂等/开放世界),让你的客户端知道哪些调用可以静默执行,哪些需要确认。
| 分组 | 工具 |
|---|---|
| 读取 | list_sites、get_site、get_page、list_site_photos、list_industries、list_block_types、list_designs |
| 构建 | create_site — 根据一句话描述,在约半分钟内创建主页;其余页面可使用 add_page / remove_page |
| 编辑页面 | update_block、add_block、remove_block、reorder_blocks、update_business_info、update_header、update_footer、update_seo |
| 设计 | update_design(颜色、字体、氛围)、switch_design(切换到 1,200 多种市场设计中的任意一种,同时保留内容)、set_logo、remove_logo |
| 图片 | request_image_upload → PUT → finalize_image_upload(徽标、照片以及聊天中共享的任何内容) |
| 预览与发布 | show_site_preview(在支持 MCP Apps 的客户端中显示实时预览面板,在其他客户端中提供预览链接)、publish_site |
| 商店 | get_payments_status、list_products、get_product、create_product、update_product、get_product_settings、list_orders、get_order、request_product_file_upload、finalize_product_file_upload |
完整且始终最新的列表——名称、描述和输入架构——由服务本身通过 /.well-known/mcp/server-card.json 提供。
行为说明
- 先保存为草稿。 每次编辑都会保存到你的私人草稿中。只有在你要求发布后,线上网站才会更改;大多数客户端会要求你确认此步骤(
publish_site会有意标记为破坏性操作)。 - 发布需要付费套餐。 在 Free 套餐中,发布工具会返回升级链接,而非报错;升级后即可从中断处继续发布。
- 商店更改会立即生效。 商品价格和库存状态的更改会立即影响结账;价格更改后请重新发布,使网站内容保持一致。
- 由你掌控。 所有已连接的应用都会列在 https://www.zarla.com/connect — 断开某个应用后,其访问权限会立即终止。
发现文件
| 文件 | 用途 |
|---|---|
server.json | 以 com.zarla/website-builder 名称发布到 官方 MCP Registry 的条目 |
.mcp.json · .cursor/mcp.json | 可直接使用的客户端配置(Claude Code · Cursor) |
gemini-extension.json · GEMINI.md | Gemini CLI 扩展清单和上下文 |
llms-install.md | AI Agent 安装指南(Cline 等) |
glama.json | Glama 列表所有权信息 |
assets/ | 徽标:闪光标记(512 / 400 / 128 / 64 px)、文字标志和产品截图 |
https://www.zarla.com/api/mcp/server-card · /.well-known/ai-catalog.json | 符合 MCP SEP-2127 的服务卡片和目录 |
/.well-known/oauth-protected-resource | OAuth 发现(RFC 9728) |
关于此仓库
此仓库仅包含文档和清单 — 服务运行在 zarla.com 上,其代码不会在此发布。问题和议题:在此处提交议题,或发送邮件至 [email protected]。隐私政策:https://www.zarla.com/privacy · 条款:https://www.zarla.com/terms
本仓库内容采用 MIT 许可。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。