All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

Json And Claude Code

Creazione di schemi con Claude Code e il generatore JSON

Continue Reading
Previous‹Avvio rapidoNextComponent Zod Pull›

Ibrido

Progetto RendererInstradamento parametricoTipi Di ComponentiSseConfigura Proxy Pannello Di AmministrazioneRendering Statico Con Supporto Della Modalita Di ModificaScripting Nel Template BuilderCreate Profound Next

Senza testa

Avvio rapidoJson And Claude CodeComponent Zod Pull

Mcp

Mcp

funzionalità CMS

Feat Modello DocumentazioneFunzionalità Generatore Di ModelliFeat TraduttoreFeat Organizzazione

Motivazione

Il nostro approccio

Terminologia

Ibrido vs Headless

Workflow di Claude Code

Per prima cosa connettiti al nostro server MCP

claude mcp add --transport http Profound http://107.21.107.99:8081/mcp

Puoi iniziare a usare strumenti e componenti per creare in massa documenti/blocchi/componenti e pubblicare siti web rapidamente.

Di seguito è riportato il processo manuale

Per avviare l'editor di schema JSON di Zod.

  • Vai al pannello di amministrazione del CMS
  • Clicca su + Crea schema
  • Inserisci la descrizione JSON validata appropriata dello schema
  • Applica le modifiche

Per le modifiche successive, sarà necessario eliminare lo schema e aggiungerlo di nuovo.

Utilizzare i prompt con Claude per il flusso di lavoro JSON

Se utilizziamo Claude Code per le modifiche visive a TailwindCSS/CSS/React, possiamo anche chiedergli di aggiornare correttamente il JSON utilizzando un server MCP oppure fornendoti il JSON da incollare nell'editor di codice.

Chiedi semplicemente a Claude il JSON appropriato per i componenti per i quali vuoi creare uno schema, che si tratti di un sistema ibrido o semplicemente di un CMS headless.

Esempio

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 usare un nuovo blocco

const registry = {
  "navbar": NavbarBlock,
  ...
  // nuovo blocco aggiunto
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Chiedi a Claude di implementare React/CSS del blocco e di fornirci il JSON per la definizione dello schema. Dovrebbe apparire così.

"McpFeatureBlock": {
  "label": "Server MCP",
  "title": "Lascia che gli agenti IA lavorino direttamente sul tuo CMS",
  "description": "Profound CMS include un server MCP nativo. Connetti Claude, Cursor o qualsiasi agente compatibile con MCP e consenti loro di leggere pagine, aggiornare blocchi e pubblicare contenuti, senza bisogno di codice personalizzato.",
  "features": ["McpFeatureItem"],
  "cta_label": "Leggi la documentazione MCP",

Incolliamo questo nella scheda "Import Code" dell'Editor di schema. Dovrebbe apparire come sotto.

Successivamente, crea il blocco che utilizza lo schema mcp_feature_block e fai riferimento a quel blocco usando il generatore di template nella pagina.

Riepilogo

Questo è un flusso di lavoro personalizzato Claude + Profound CMS.

"cta_href": "/docs/mcp"
}