Skeemojen rakentaminen Claude Coden ja JSON-rakentajan avulla
Yhdistä ensin MCP-palvelimeemme
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Voit alkaa käyttää työkaluja ja komponentteja luodaksesi joukoittain asiakirjoja/lohkoja/komponentteja ja julkaistaksesi verkkosivustoja nopeasti.
Seuraavassa on manuaalinen prosessi
Näin käynnistät Zod JSON -skeemamuokkaimen.
Myöhempiä muutoksia varten skeema täytyy poistaa ja lisätä uudelleen.
Jos käytämme Claude Codea visuaalisiin TailwindCSS/CSS/React-muutoksiin, voimme myös pyytää sitä päivittämään JSON:n oikein MCP-palvelimen avulla tai antamalla sinulle JSON:n, joka sinun täytyy liittää koodieditoriin.
Pyydä Claudea vain luomaan sopiva JSON niille komponenteille, joille haluat rakentaa skeeman, olipa kyseessä hybridiratkaisu tai pelkkä headless CMS.
Lisäämme uuden MCP-palvelinominaisuuden, ja sen esittämiseksi lisäämme uuden hero-lohkon.
Ensin vaihdamme rekisterimme käyttämään uutta lohkoa
const registry = {
"navbar": NavbarBlock,
...
// new block added
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Pyydä Claudea toteuttamaan lohkon React/CSS ja antamaan meille JSON skeemamääritelmää varten. Sen pitäisi näyttää tältä.
"McpFeatureBlock": {
"label": "MCP-palvelin",
"title": "Anna tekoälyagenttien työskennellä CMS:si kanssa suoraan",
"description": "Profound CMS sisältää oman MCP-palvelimen. Yhdistä Claude, Cursor tai mikä tahansa MCP-yhteensopiva agentti ja anna sen lukea sivuja, päivittää lohkoja ja julkaista sisältöä — ilman mukautettua liimakoodia.",
"features": ["McpFeatureItem"],
"cta_label": "Lue MCP-dokumentaatio",
"cta_href": "/docs/mcp"
}
Liitä se skeemarakentimen JSON-editoriin. Sen pitäisi näyttää tältä alla.
Vinkki: Pidätkö enemmän Zodista? Vaihda editori JSON-tilasta Zod-tilaan paneelin yläreunassa ja liitä sen sijaan Zod-skeema — rakentaja johtaa samat kentät. Kätevää, jos mallinnat jo tietoja Zodilla muualla sovelluksessasi.
Sen jälkeen luo lohko, joka käyttää skeemaa mcp_feature_block, ja viittaa siihen sivun mallipohjarakentajassa.
Tämä on räätälöity Claude + Profound CMS -työnkulku.