profound-logoProfound CMS
⌘K
Admin
Theme
DocsTutorialBlogPhilosophy
DocsTutorialBlogPhilosophy

Hybrid

Collection of Pages with ComponentsTypes of ComponentsSetup server sent events (SSE) content refetchInstall Profound CMS as a proxyCEL Scripting in Template BuilderProject ScaffoldingBibliotecă media

Fără interfață

Pornire rapidăSplit Screen JSON Component Builder with LLMComponent Zod Pull

API REST

Prezentare generală API RESTgetConnect your websitegetGET /routesgetGET /routegetGET /blocksgetObține blocuri cu cache CELgetGET /blocks/generatedgetGET /componentsgetGET /components/{name}getGET /dataset/{schema_name}getGET /content-changes (SSE)patchPATCH /dataset/{schema_name}postPOST /translationpatchPATCH /translationsgetGET /usagepostPOST /csvpatchPATCH /csv
All Systems Operational
Powered Byprofound-logo
Theme

Split Screen JSON Component Builder with LLM

Construirea schemelor cu Claude Code și constructorul JSON

Mai întâi conectați-vă la serverul nostru MCP

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

Puteți începe să folosiți instrumente și componente pentru a crea în masă documente/blocuri/componente și pentru a publica rapid site-uri web.

Mai jos este procesul manual

Pentru a porni editorul de scheme JSON Zod.

  • Accesați panoul de administrare al CMS-ului
  • Faceți clic pe + Create schema
  • Introduceți descrierea JSON validată corespunzătoare pentru schemă
  • Aplicați modificările

Pentru modificările ulterioare, schema va trebui ștearsă și adăugată din nou.


Solicitarea lui Claude pentru fluxul JSON

Dacă folosim Claude Code pentru modificări vizuale TailwindCSS/CSS/React, atunci îi putem cere să actualizeze corect JSON-ul folosind un server MCP sau să vă furnizeze JSON-ul de introdus în editorul de cod.

Pur și simplu cereți-i lui Claude JSON-ul potrivit pentru componentele pentru care doriți să creați o schemă, fie că este vorba de un CMS hibrid sau doar de unul headless.


Exemplu

Adăugăm o funcționalitate nouă a serverului MCP și, pentru a o afișa, adăugăm un bloc hero nou.

Mai întâi vom modifica registrul pentru a folosi un bloc nou

const registry = {
  "navbar": NavbarBlock,
  ...
  // bloc nou adăugat
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Cereți-i lui Claude să implementeze React/CSS pentru bloc și să ne furnizeze JSON-ul pentru definiția schemei. Ar trebui să arate astfel.

"McpFeatureBlock": {
  "label": "Server MCP",
  "title": "Lasă agenții AI să lucreze direct în CMS-ul tău",
  "description": "Profound CMS include un server MCP nativ. Conectează Claude, Cursor sau orice agent compatibil MCP și lasă-l să citească pagini, să actualizeze blocuri și să publice conținut — fără cod personalizat suplimentar.",
  "features": ["McpFeatureItem"],
  "cta_label": "Citește documentația MCP",
  "cta_href": "/docs/mcp"
}

Lipiți-l în editorul JSON din constructorul de scheme. Ar trebui să arate ca mai jos.

Sfat: Preferi Zod? Comută editorul din JSON în Zod în partea de sus a panoului și lipește în schimb o schemă Zod — constructorul va deduce aceleași câmpuri. Util dacă modelezi date cu Zod în altă parte a aplicației tale.

După aceea, creează blocul care folosește schema mcp_feature_block și referențiază acel bloc folosind constructorul de șabloane din pagină.


Rezumat

Acesta este un flux de lucru personalizat Claude + Profound CMS.

Continue Reading
Previous‹Pornire rapidăNextComponent Zod Pull›