Izrada shema pomoću Claude Codea i JSON graditelja
Najprije se povežite s našim MCP poslužiteljem
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Možete početi koristiti alate i komponente za masovno stvaranje dokumenata/blokova/komponenti i brzo objavljivanje web-mjesta.
Slijedi ručni postupak
Kako biste pokrenuli Zod JSON uređivač shema.
Za naknadne promjene shemu će trebati izbrisati i ponovno dodati.
Ako koristimo Claude Code za vizualne tailwindCSS/CSS/React izmjene, možemo ga također zamoliti da ispravno ažurira JSON pomoću MCP poslužitelja ili tako da vam da JSON koji trebate zalijepiti u uređivač koda.
Jednostavno zatražite od Claudea odgovarajući JSON za komponente za koje želite izraditi shemu, bilo da je riječ o hibridnom ili samo bezglavom CMS-u.
Dodajemo novu značajku MCP poslužitelja i kako bismo je prikazali, dodajemo novi hero blok.
Najprije ćemo promijeniti naš registar da koristi novi blok
const registry = {
"navbar": NavbarBlock,
...
// dodan novi blok
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Zamolite Claudea da implementira React/CSS tog bloka i da vam da JSON za definiciju sheme. Trebalo bi izgledati ovako.
"McpFeatureBlock": {
"label": "MCP poslužitelj",
"title": "Neka AI agenti izravno upravljaju vašim CMS-om",
"description": "Profound CMS dolazi s izvornim MCP poslužiteljem. Povežite Claude, Cursor ili bilo kojeg MCP-kompatibilnog agenta i dopustite mu da čita stranice, ažurira blokove i objavljuje sadržaj — bez potrebe za prilagođenim glue kodom.",
"features": ["McpFeatureItem"],
"cta_label": "Pročitajte MCP dokumentaciju",
"cta_href": "/docs/mcp"
}
Zalijepite to u JSON uređivač u graditelju shema. Trebalo bi izgledati ovako kao dolje.
Savjet: Više volite Zod? Prebacite uređivač s JSON na Zod na vrhu panela i umjesto toga zalijepite Zod shemu — graditelj će izvesti ista polja. Korisno ako već modelirate podatke sa Zodom negdje drugdje u svojoj aplikaciji.
Nakon toga izradite blok koji koristi shemu mcp_feature_block i referencirajte taj blok pomoću graditelja predložaka na stranici.
Ovo je prilagođeni tijek rada Claude + Profound CMS-a.