Izdelava shem s Claude Code in gradnikom JSON
Najprej se povežite z našim strežnikom MCP
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Nato lahko začnete uporabljati orodja in komponente, da množično ustvarjate dokumente/bloke/komponente in hitro objavljate spletna mesta.
Spodaj je ročni postopek
Za zagon urejevalnika shem Zod JSON.
Za nadaljnje spremembe bo treba shemo izbrisati in jo ponovno dodati.
Če za vizualne spremembe tailwindCSS/CSS/React uporabimo Claude Code, ga lahko tudi prosimo, da JSON pravilno posodobi z uporabo strežnika MCP ali tako, da vam posreduje JSON, ki ga morate prilepiti v urejevalnik kode.
Preprosto prosite Clauda za ustrezen JSON za komponente, za katere želite ustvariti shemo, naj bo to hibridni ali le brezglavi CMS.
Dodajamo novo funkcijo strežnika MCP, zato bomo za prikaz dodali nov hero blok.
Najprej bomo spremenili naš register, da bo uporabljal nov blok
const registry = {
"navbar": NavbarBlock,
...
// dodan nov blok
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Prosite Clauda, naj implementira React/CSS bloka in nam posreduje JSON za definicijo sheme. Videti bi moralo takole.
"McpFeatureBlock": {
"label": "Strežnik MCP",
"title": "Naj agenti AI neposredno upravljajo vaš CMS",
"description": "Profound CMS vključuje izvorni strežnik MCP. Povežite Claude, Cursor ali katerega koli agenta, združljivega z MCP, in dovolite, da bere strani, posodablja bloke ter objavlja vsebino — brez potrebe po dodatni lepilni kodi po meri.",
"features": ["McpFeatureItem"],
"cta_label": "Preberite dokumentacijo MCP",
"cta_href": "/docs/mcp"
}
Prilepite ga v urejevalnik JSON v gradniku sheme. Videti mora tako kot spodaj.
Namig: Imate raje Zod? Preklopite urejevalnik z JSON na Zod na vrhu panela in namesto tega prilepite shemo Zod — gradnik bo izpeljal ista polja. Priročno, če podatke drugje v aplikaciji že modelirate z Zodom.
Zatem ustvarite blok, ki uporablja shemo mcp_feature_block, in ta blok referencirajte v predlogi na strani.
To je prilagojen potek dela Claude + Profound CMS.