Vytváření schémat pomocí Claude Code a JSON builderu
Nejprve se připojte k našemu MCP serveru
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Můžete začít používat nástroje a komponenty k hromadné tvorbě dokumentů/bloků/komponent a rychlému publikování webů.
Níže je ruční postup
Jak spustit editor schémat Zod JSON.
Pro další změny bude nutné schéma odstranit a znovu přidat.
Pokud používáme Claude Code pro vizuální úpravy v tailwindCSS/CSS/Reactu, můžeme jej také požádat, aby správně aktualizoval JSON pomocí MCP serveru nebo tím, že vám poskytne JSON, který potřebujete vložit do editoru kódu.
Jednoduše požádejte Claude o příslušný JSON pro komponenty, pro které chcete vytvořit schéma, ať už jde o Hybrid nebo jen Headless CMS.
Přidáváme novou funkci MCP serveru a k jejímu zobrazení přidáme nový hero blok.
Nejprve změníme náš registr tak, aby používal nový blok
const registry = {
"navbar": NavbarBlock,
...
// přidán nový blok
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Požádejte Claude, aby implementoval React/CSS pro blok a poskytl nám JSON pro definici schématu. Mělo by to vypadat takto.
"McpFeatureBlock": {
"label": "Server MCP",
"title": "Nechte agenty AI pracovat přímo s vaším CMS",
"description": "Profound CMS dodává nativní MCP server. Propojte Claude, Cursor nebo jakéhokoli agenta kompatibilního s MCP a nechte ho číst stránky, aktualizovat bloky a publikovat obsah — není potřeba žádný vlastní propojovací kód.",
"features": ["McpFeatureItem"],
"cta_label": "Přečtěte si dokumentaci k MCP",
"cta_href": "/docs/mcp"
}
Vložte jej do editoru JSON v nástroji pro tvorbu schémat. Mělo by to vypadat jako na obrázku níže.
Tip: Preferujete Zod? Přepněte editor nahoře na panelu z JSON na Zod a místo toho vložte schéma Zod — builder odvodí stejná pole. Hodí se, pokud už modelujete data pomocí Zodu jinde ve své aplikaci.
Poté vytvořte blok, který používá schéma mcp_feature_block, a na stránce na něj odkažte pomocí nástroje pro tvorbu šablon.
Toto je vlastní pracovní postup Claude + Profound CMS.