Unshift

Unshift MCP 连接器

将 Claude 或 ChatGPT 变成网站构建器。用通俗的英语描述一个网站，Unshift 就会构建一个真正的 React 网站，并将其发布到你拥有的在线网址。

Unshift 是托管式远程 模型上下文协议 连接器。你使用自己的 Claude 或 ChatGPT，描述想要的网站，Unshift 就会构建一个真正的 React 网站（配有可视化编辑器和内置 CMS），并将其发布到在线网址。AI 在你自己的账户上运行，因此我们不会向你收取令牌费用；Claude 的免费版也足以让你试用。日常编辑可在可视化编辑器中完成。

网站	https://unshift.ai
端点	https://studio.unshift.ai/api/mcp
传输方式	可流式 HTTP
身份验证	OAuth 2.1（无需 API 密钥）
隐私政策	https://unshift.ai/privacy-policy
条款	https://unshift.ai/terms-and-conditions
支持	[email protected]

连接

Claude（网页端或桌面端）

1. 打开「设置」，然后依次选择「连接器」和「添加自定义连接器」。
2. 将其命名为 Unshift，然后粘贴网址 https://studio.unshift.ai/api/mcp。
3. 连接，然后完成 OAuth 登录。无需 API 密钥。

其他 MCP 客户端（Claude Desktop 配置、Cursor 等）

{
  "mcpServers": {
    "unshift": {
      "url": "https://studio.unshift.ai/api/mcp"
    }
  }
}

身份验证采用 OAuth 2.1；你的客户端会在首次连接时运行登录流程。

你可以做什么

• 通过单条提示词构建网站，或导入现有网站并根据网址重新构建。
• 以对话方式编辑页面、区块、主题、布局和 SEO，然后发布。
• 接入实时数据：REST API、无头 CMS、WordPress、Shopify 或原生店面。
• 发布到免费的 app_id.unshift.dev 地址，或在 Pro 上使用自定义域名。

工具

每个工具都通过 OAuth 限定为仅访问你自己的账户。读取操作标记为 R。会删除或回滚现有内容的工具标记为 D；你的客户端可能会要求你确认这些操作。

规划和导入（只读）

• plan_import R - 将网址抓取为构建计划（主题、区块、页面）。从这里开始。
• scrape_site R - 将网址抓取为页面、图片、字体和颜色令牌。
• extract_theme R - 根据抓取结果或网址提取主题。
• segment_page R - 将页面拆分为候选区块。
• suggest_blocks R - 为指定区块推荐目录中的区块。
• get_block R - 读取区块的组件源代码和默认属性。
• inspect_data_source R - 检查任意 REST 或无头 CMS 端点的数据结构。
• wordpress_discover R - 探索 WordPress 网站的文章类型和字段。
• shopify_discover R - 探索 Shopify 店铺的商品和系列。
• block_guide R - 区块编写规范和属性值约定。

构建

• create_app - 创建新应用（构建的第一步）。
• generate_theme - 设置完整主题（颜色、字体、圆角）。
• set_theme - 调整现有主题。
• set_layout - 设置共享页眉和页脚。
• import_assets - 将图片网址下载到存储空间。
• import_icon - 将徽标图片作为图标导入。
• add_page - 根据区块添加页面。
• finalize_app - 验证、保存并发布；这是必需的最后一步。

编辑和审核

• get_app R - 读取应用的主题摘要和页面。
• get_page R - 读取单个页面的区块、属性和 SEO。
• list_pages R - 列出应用的页面。
• edit_block - 编辑区块实例的属性或代码。
• add_block - 向页面插入区块。
• remove_block D - 从页面删除区块。
• move_block - 调整区块顺序。
• update_page - 更新页面的标题、别名或 SEO。
• remove_page D - 删除页面。
• update_app - 重命名应用。
• submit_for_review - 将草稿交给用户批准或拒绝。
• undo_last_change D - 回滚最近一次更改集。

数据和动态内容

• create_data_connector - 连接 REST API、WordPress 或 Shopify 数据源。
• list_data_connectors R - 列出应用的数据连接器。
• set_block_data_mapping - 将区块的 props 绑定到连接器端点。
• create_post_type - 创建带模板页面的动态集合。
• list_post_types R - 列出应用的文章类型。
• setup_wordpress - 一键导入 WordPress（连接器、文章类型、模板）。
• configure_flexible_content - 创建 ACF 灵活内容布局区块。
• setup_commerce - 一键设置店面（原生或 Shopify）。
• add_product - 向原生商品目录添加商品。

账户和资源（只读）

• list_apps R - 列出你的应用。
• list_images R - 列出已上传的图片。
• list_icons R - 列出已上传的图标。
• list_files R - 列出已上传的公共文件。

定价

你可以免费构建、预览并发布到 app_id.unshift.dev 地址。Pro 每个已发布站点每月收费 $20，并提供自定义域名、托管 SSL、移除 Unshift 品牌标识和代码导出功能。AI 始终使用你自己的 Claude 或 ChatGPT 账户运行，因此 Unshift 不会收取 AI 使用费用。

常见问题

我需要为 Claude 或 ChatGPT 付费吗？ 不需要。Claude 的免费套餐支持连接器，这就足够了。如果你已经为其中任一服务付费，也可以使用。AI 使用你自己的账户运行，因此 Unshift 不会收取 Token 费用。

我拥有这个站点吗？我可以离开吗？ 是的。这是一个真实的 React 和 Vite 代码库，你可以将其导出到自己的代码仓库（代码导出是 Pro 功能）。没有专有运行时，也没有厂商锁定。

它能编辑或导入现有站点吗？ 可以。它可以根据 URL 重建站点，也可以通过对话方式编辑现有的 Unshift 站点。

我的数据会存储在哪里？ AI 使用你自己的 Claude 或 ChatGPT 账户运行。Unshift 会存储你的站点内容，以便渲染和发布；你可以随时导出或删除这些内容（参见上方链接的隐私政策）。

故障排查和支持

• 连接器无法连接。 将其作为自定义连接器添加，并使用确切的 URL https://studio.unshift.ai/api/mcp，然后完成 OAuth 登录窗口中的操作。连接需要一个免费的 Unshift 账户；登录步骤会让你创建账户。
• 似乎缺少某个工具。 客户端会缓存连接器的工具列表。如果某个步骤需要的工具没有显示，请在客户端设置中刷新连接器的工具（或移除后重新添加连接器），然后继续。
• 运行工具时出现“No approval received”或“permission denied”。 这是客户端自己的逐工具权限提示（每个工具会询问一次）。点击 Allow，或为 Unshift 启用“always allow”，然后重试。
• 保存的是草稿，而不是已发布内容。 全新站点会在首次 finalize 时自动发布，约 1 到 2 分钟后即可上线。已上线的站点默认会将编辑内容保存为草稿；请在编辑器中发布，或明确要求助手发布。
• 仍然无法解决？ 请发送邮件至 [email protected]。

技能

skills/unshift-website-builder 中提供了一项 Agent Skill，可指导 Claude 使用此连接器构建、导入、编辑和发布站点。

关于此代码仓库

此代码仓库是 Unshift MCP 连接器的公开目录条目，包含其 MCP Registry 清单（server.json）和这些连接说明。连接器本身是托管在上述端点的远程服务；产品源代码位于 Unshift 的私有代码仓库中。