mcpField
Z
Zarla Website Builder

Zarla Website Builder

远程服务
zarla.com开发工具06 周前更新

关于 Zarla Website Builder

Zarla Website Builder 是托管式 MCP 服务,可通过 AI 客户端创建和维护网站。它先编辑私有草稿再发布,并提供网站设计、预览和商品管理工具。

主要功能

  1. 01创建网站并编辑页面
  2. 02调整设计、品牌元素和 SEO
  3. 03上传和管理图片
  4. 04预览草稿并发布网站
  5. 05管理商品和订单

适用场景

  1. 01根据简短描述创建商业网站
  2. 02在对话中修改页面内容和网站设计
  3. 03发布前预览网站变更
  4. 04添加商品并查看订单

MCP 相关

托管服务位于 `https://www.zarla.com/api/mcp`,通过浏览器登录连接 MCP 客户端。它提供 36 种工具,用于构建、编辑、预览、发布网站及管理商品。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://www.zarla.com/api/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Zarla MCP 服务 — 在 Claude、ChatGPT、Cursor 和 Gemini 中构建、编辑并发布网站

MCP Registry Add to Cursor

Zarla 是一款 AI 网站构建工具,配备托管式 MCP 服务。将它连接到任意 MCP 客户端,即可通过一句话构建网站、编辑页面、更改设计、设置徽标、添加产品并发布——所有操作都能在对话中完成。无需编写代码,无需设置托管服务,也无需 API 密钥。

连接链接(所有客户端都使用同一个链接):

https://www.zarla.com/api/mcp

客户端打开浏览器后,使用你的 Zarla 账户登录即可。设置就这么简单。使用 Zarla 构建和预览网站是免费的;发布需要付费套餐。

ChatGPT 在聊天中显示 Zarla 网站的实时预览,并提供首页、关于、服务和联系页面的标签

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

Claude 表示 Zarla 网站现已上线,全部 10 个页面均已发布,并建议接下来修复的问题 Cursor 表示 Zarla 网站的预览已就绪,并列出网站页面

左: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.mdGemini CLI 扩展清单和上下文
llms-install.mdAI Agent 安装指南(Cline 等)
glama.jsonGlama 列表所有权信息
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-resourceOAuth 发现(RFC 9728)

关于此仓库

此仓库仅包含文档和清单 — 服务运行在 zarla.com 上,其代码不会在此发布。问题和议题:在此处提交议题,或发送邮件至 [email protected]。隐私政策:https://www.zarla.com/privacy · 条款:https://www.zarla.com/terms

本仓库内容采用 MIT 许可。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。