Creare schemi con Claude Code e il generatore JSON
Innanzitutto connettiti al nostro server MCP
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Puoi iniziare a utilizzare strumenti e componenti per creare rapidamente documenti/blocchi/componenti in massa e pubblicare siti web.
Di seguito la procedura manuale
Per avviare l'editor di schemi Zod JSON.
Per le modifiche successive, sarà necessario eliminare lo schema e aggiungerlo nuovamente.
Se utilizziamo Claude Code per le modifiche visive in TailwindCSS/CSS/React, possiamo anche chiedergli di aggiornare correttamente il JSON usando un server MCP oppure fornendoti il JSON da incollare nell'editor di codice.
Chiedi semplicemente a Claude il JSON appropriato per i componenti per cui vuoi creare uno schema, che sia ibrido o solo un CMS headless.
Stiamo aggiungendo una nuova funzionalità del server MCP e, per mostrarla, stiamo aggiungendo un nuovo blocco hero.
Per prima cosa modificheremo il nostro registro per utilizzare un nuovo blocco
const registry = {
"navbar": NavbarBlock,
...
// nuovo blocco aggiunto
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Chiedi a Claude di implementare il React/CSS del blocco e di fornirci il JSON per la definizione dello schema. Dovrebbe essere simile a questo.
"McpFeatureBlock": {
"label": "Server MCP",
"title": "Lascia che gli agenti AI lavorino direttamente sul tuo CMS",
"description": "Profound CMS include un server MCP nativo. Collega Claude, Cursor o qualsiasi agente compatibile con MCP e consenti di leggere le pagine, aggiornare i blocchi e pubblicare contenuti — senza bisogno di codice personalizzato.",
"features": ["ElementoFunzionalitàMcp"],
"cta_label": "Leggi la documentazione MCP",
"cta_href": "/docs/mcp"
}
Incollalo nell'editor JSON nel generatore di schemi. Dovrebbe apparire come mostrato di seguito.
Suggerimento: Preferisci Zod? Attiva il toggle dell'editor da JSON a Zod in cima al pannello e incolla invece uno schema Zod: il generatore ricaverà gli stessi campi. Utile se modelli già i dati con Zod altrove nella tua app.
Dopo di ciò, crea il blocco che utilizza lo schema mcp_feature_block e fai riferimento a quel blocco usando il generatore di template nella pagina.
Questo è un flusso di lavoro personalizzato Claude + Profound CMS.