Создание схем с помощью Claude Code и конструктора JSON
Сначала подключитесь к нашему серверу MCP
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Вы можете начать использовать инструменты и компоненты, чтобы массово создавать документы/блоки/компоненты и быстро публиковать сайты.
Ниже описан ручной процесс
Чтобы запустить редактор схем Zod JSON.
Для последующих изменений схему потребуется удалить и добавить снова.
Если мы используем Claude Code для визуальных изменений tailwindCSS/CSS/React, то можем также попросить его корректно обновить JSON с помощью MCP-сервера или предоставив вам JSON, который нужно вставить в редактор кода.
Просто попросите Claude подготовить соответствующий JSON для компонентов, для которых вы хотите создать схему — будь то гибридное решение или просто headless CMS.
Мы добавляем новую функцию сервера MCP и, чтобы показать это, добавляем новый hero-блок.
Сначала изменим наш реестр, чтобы использовать новый блок
const registry = {
"navbar": NavbarBlock,
...
// new block added
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Попросите Claude реализовать React/CSS для блока и предоставить нам JSON для определения схемы. Он должен выглядеть так.
"McpFeatureBlock": {
"label": "MCP Server",
"title": "Let AI agents work your CMS directly",
"description": "Profound CMS ships a native MCP server. Connect Claude, Cursor, or any MCP-compatible agent and let it read pages, update blocks, and publish content — no custom glue code needed.",
"features": ["McpFeatureItem"],
"cta_label": "Read the MCP docs",
"cta_href": "/docs/mcp"
}
Вставьте его в редактор JSON в конструкторе схем. Должно получиться как на примере ниже.
Совет: Предпочитаете Zod? Переключите редактор с JSON на Zod в верхней части панели и вставьте схему Zod — конструктор выведет те же поля. Удобно, если вы уже моделируете данные с помощью Zod в других частях приложения.
После этого создайте блок, который использует схему mcp_feature_block, и свяжите этот блок в шаблоне страницы через конструктор.
Это кастомный рабочий процесс Claude + Profound CMS.