Claude Code 工作流程

首先连接到我们的 MCP 服务器

claude mcp add --transport http Profound http://107.21.107.99:8081/mcp

你可以开始使用工具和组件批量创建文档/区块/组件，并快速发布网站。

以下是手动流程

要启动 Zod JSON Schema 编辑器。

前往 CMS 管理面板
点击 + Create schema
输入该架构相应且已验证的 JSON 描述
应用更改

对于后续的更改，需要先删除该架构再重新添加。

向 Claude 提示 JSON 工作流

如果我们使用 Claude Code 来进行 TailwindCSS/CSS/React 的可视化更改，那么我们也可以让它通过 MCP 服务器正确更新 JSON，或者直接给你需要粘贴到代码编辑器中的 JSON。

只要向 Claude 请求你想为其创建架构的组件所需的 JSON，无论是混合式还是纯无头 CMS 都可以。

示例

我们正在添加一个新的 MCP 服务器功能，为了展示它，我们会增加一个新的英雄区块。

首先，我们会修改注册表以使用一个新的区块

const registry = {
  "navbar": NavbarBlock,
  ...
  // 新增区块
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

让 Claude 实现该区块的 React/CSS，并提供架构定义所需的 JSON。它应该如下所示。

"McpFeatureBlock": {
  "label": "MCP 服务器",
  "title": "让 AI 代理直接为你的 CMS 工作",
  "description": "Profound CMS 自带原生 MCP 服务器。连接 Claude、Cursor 或任何兼容 MCP 的代理，让它读取页面、更新区块并发布内容——无需自定义黏合代码。",
  "features": ["McpFeatureItem"],
  "cta_label": "阅读 MCP 文档",
  "cta_href": "/docs/mcp"
}

我们将其粘贴到架构编辑器的 "Import Code" 选项卡中。它应该如下所示。

之后，创建使用架构 mcp_feature_block 的区块，并在页面中的模板构建器里引用该区块。

总结

这是一个自定义的 Claude + Profound CMS 工作流程。

Json 与 Claude 代码

Claude Code 工作流程

向 Claude 提示 JSON 工作流

示例

总结