Sémák készítése a Claude Code-dal és a JSON építővel
Először csatlakozz az MCP szerverünkhöz
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Elkezdheted használni az eszközöket és komponenseket dokumentumok/blokkok/komponensek tömeges létrehozásához és weboldalak gyors publikálásához.
Az alábbiakban a kézi folyamat következik
A Zod JSON sémaszerkesztő elindításához.
A későbbi módosításokhoz a sémát törölni kell, majd újra hozzáadni.
Ha a Claude Code-ot használjuk vizuális TailwindCSS/CSS/React módosításokhoz, akkor megkérhetjük arra is, hogy frissítse a JSON-t helyesen egy MCP szerver használatával, vagy úgy, hogy megadja neked a JSON-t, amelyet be kell illesztened a kódszerkesztőbe.
Csak kérd meg Claude-ot a megfelelő JSON-ra azokhoz a komponensekhez, amelyekhez sémát szeretnél készíteni, legyen az hibrid vagy egyszerűen csak egy headless CMS.
Új MCP szerver funkciót adunk hozzá, és ennek bemutatásához létrehozunk egy új hero blokkot.
Először módosítjuk a regiszterünket, hogy egy új blokkot használjon
const registry = {
"navbar": NavbarBlock,
...
// új blokk hozzáadva
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Kérd meg Claude-ot, hogy valósítsa meg a blokk React/CSS részét, és adjon JSON-t a séma definícióhoz. Így kell kinéznie.
"McpFeatureBlock": {
"label": "MCP szerver",
"title": "Engedd, hogy az AI ügynökök közvetlenül a CMS-eden dolgozzanak",
"description": "A Profound CMS natív MCP szerverrel érkezik. Csatlakoztasd Claude-ot, Cursor-t vagy bármely MCP-kompatibilis ügynököt, és engedd, hogy oldalakat olvasson, blokkokat frissítsen és tartalmat publikáljon – nincs szükség egyedi összekötő kódra.",
"features": ["McpFeatureElem"],
"cta_label": "Olvasd el az MCP dokumentációt",
"cta_href": "/docs/mcp"
}
Illeszd be a JSON szerkesztőbe a séma építőben. Az alábbihoz hasonlónak kell kinéznie.
Tipp: Inkább a Zodot részesíted előnyben? Kapcsold át a szerkesztőt JSON-ról Zod-ra a panel tetején, és illessz be egy Zod sémát – az építő ugyanazokat a mezőket fogja levezetni. Hasznos, ha már máshol is Zoddal modellezed az adatokat az alkalmazásban.
Ezt követően hozd létre azt a blokkot, amely a mcp_feature_block sémát használja, és hivatkozz arra a blokkra az oldalon a sablonépítőben.
Ez egy egyedi Claude + Profound CMS munkafolyamat.