Създаване на схеми с 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,
...
// добавен е нов блок
"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"
}
Поставете го в редактора JSON в конструктора на схеми. Той трябва да изглежда както по-долу.
Съвет: Предпочитате Zod? Превключете редактора от JSON към Zod в горната част на панела и поставете вместо това Zod схема — конструкторът ще извлече същите полета. Удобно е, ако вече моделирате данни със Zod другаде в приложението си.
След това създайте блока, който използва схемата mcp_feature_block, и реферирайте този блок чрез конструктора на шаблони в страницата.
Това е персонализиран работен процес Claude + Profound CMS.