Vytváranie schém pomocou Claude Code a tvorcu JSON
Najprv sa pripojte k nášmu MCP serveru
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Môžete začať používať nástroje a komponenty na hromadné vytváranie dokumentov/blokov/komponentov a rýchle publikovanie webových stránok.
Nižšie je manuálny postup
Ako spustiť editor schém Zod JSON.
Pri neskorších zmenách bude potrebné schému odstrániť a znova pridať.
Ak použijeme Claude Code na vizuálne úpravy tailwindCSS/CSS/React, môžeme ho tiež požiadať, aby správne aktualizoval JSON pomocou MCP servera alebo tým, že vám poskytne JSON, ktorý potrebujete vložiť do editora kódu.
Jednoducho požiadajte Clauda o príslušný JSON pre komponenty, pre ktoré chcete vytvoriť schému, či už sú hybridné alebo ide len o Headless CMS.
Pridávame novú funkciu MCP servera a na jej zobrazenie pridávame nový hero blok.
Najprv zmeníme náš register tak, aby používal nový blok
const registry = {
"navbar": NavbarBlock,
...
// new block added
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Požiadajte Clauda, aby implementoval React/CSS tohto bloku a poskytol nám JSON pre definíciu schémy. Malo by to vyzerať takto.
"McpFeatureBlock": {
"label": "MCP server",
"title": "Nechajte agentov AI pracovať priamo s vaším CMS",
"description": "Profound CMS obsahuje natívny MCP server. Pripojte Claude, Cursor alebo akéhokoľvek agenta kompatibilného s MCP a nechajte ho čítať stránky, aktualizovať bloky a publikovať obsah — bez potreby vlastného lepiaceho kódu.",
"features": ["McpFeatureItem"],
"cta_label": "Prečítajte si dokumentáciu k MCP",
"cta_href": "/docs/mcp"
}
Vložte ho do editora JSON v nástroji na tvorbu schém. Malo by to vyzerať ako nižšie.
Tip: Preferujete Zod? Prepnite editor v hornej časti panela z JSON na Zod a vložte namiesto toho schému Zod — tvorca automaticky odvodí tie isté polia. Užitočné, ak už modelujete údaje so Zodom inde vo svojej aplikácii.
Potom vytvorte blok, ktorý používa schému mcp_feature_block, a na stránke ho referencujte pomocou tvorcu šablón.
Toto je vlastný pracovný postup Claude + Profound CMS.