All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

Json И Claude Код

Создание схем с помощью Claude Code и конструктора JSON

Continue Reading
Previous‹Быстрый стартNextКомпонент Zod Pull›

Гибрид

Проект РендерераПараметрическая МаршрутизацияТипы КомпонентовSseНастройка Прокси Админ ПанелиСтатическая отрисовка с поддержкой режима редактированияСкриптинг в конструкторе шаблоновCreate Profound Next

Безголовый

Быстрый стартJson И Claude КодКомпонент Zod Pull

Mcp

Mcp

Возможности CMS

Feat Docs TemplateFeat Конструктор ШаблоновFeat ПереводчикFeat Организация

Мотивация

Наш подход

Терминология

Гибрид Против Headless

Рабочий процесс Claude Code

Сначала подключитесь к нашему серверу MCP

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

Вы можете начать использовать инструменты и компоненты для массового создания документов/блоков/компонентов и быстрой публикации веб-сайтов.

Ниже описан ручной процесс

Чтобы запустить редактор схем Zod JSON.

  • Перейдите в панель администратора CMS
  • Нажмите «+ Создать схему»
  • Введите соответствующее проверенное json-описание схемы
  • Примените изменения

Для последующих изменений схему потребуется удалить и добавить снова.

Формирование запросов к Claude для json-рабочего процесса

Если мы используем Claude Code для визуальных изменений TailwindCSS/CSS/React, то можем также попросить его корректно обновить json, используя сервер MCP или предоставив вам json, который нужно вставить в редактор кода.

Просто попросите Claude подготовить подходящий json для компонентов, для которых вы хотите создать схему, будь то гибридный или чисто headless CMS.

Пример

Мы добавляем новую функцию сервера MCP, и для её демонстрации создаём новый hero-блок.

Сначала изменим наш реестр, чтобы использовать новый блок

const registry = {
  "navbar": NavbarBlock,
  ...
  // добавлен новый блок
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Попросите Claude реализовать React/CSS блока и предоставить json для определения схемы. Это должно выглядеть так.

"McpFeatureBlock": {
  "label": "Сервер MCP",
  "title": "Позвольте агентам ИИ напрямую работать с вашей CMS",
  "description": "Profound CMS поставляется с собственным сервером MCP. Подключите Claude, Cursor или любого агента, совместимого с MCP, и позвольте ему читать страницы, обновлять блоки и публиковать контент — без какого-либо дополнительного кода.",
  "features": ["McpFeatureItem"],
  "cta_label": "Прочитать документацию по MCP",

Мы вставляем это во вкладку "Import Code" редактора схем. Она должна выглядеть так, как показано ниже.

После этого создайте блок, использующий схему mcp_feature_block, и подключите этот блок посредством конструктора шаблонов на странице.

Итог

Это пользовательский рабочий процесс Claude + Profound CMS.

"cta_href": "/docs/mcp"
}