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

Json E Claude Code

Construindo esquemas com Claude Code e construtor de JSON

Continue Reading
Previous‹Início rápidoNextComponente Zod Puxar›

Híbrido

Projeto RenderizadorRoteamento ParamétricoTipos De ComponentesSseConfigurar Proxy Do Painel AdministrativoRenderização estática com suporte ao modo de ediçãoScripting no Construtor de TemplatesCreate Profound Next

Sem interface

Início rápidoJson E Claude CodeComponente Zod Puxar

Mcp

Mcp

Recursos Do Cms

Recurso Modelo De DocumentosRecurso Construtor De ModelosTradutor De FuncionalidadesRecurso Organizacao

Motivação

Nossa Abordagem

Terminologia

Hibrido Vs Headless

Fluxo de Trabalho do Claude Code

Primeiro conecte-se ao nosso servidor MCP

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

Você pode começar a usar ferramentas e componentes para criar documentos/blocos/componentes em massa e publicar sites rapidamente.

A seguir está o processo manual

Para iniciar o editor de esquema Zod JSON.

  • Vá ao painel de administração do CMS
  • Clique em + Create schema
  • Insira a descrição JSON validada apropriada do esquema
  • Aplique as alterações

Para alterações subsequentes, será necessário excluir o esquema e adicioná-lo novamente.

Solicitando ao Claude o fluxo de trabalho em JSON

Se usarmos o Claude Code para alterações visuais em TailwindCSS/CSS/React, também podemos pedir que ele atualize o JSON corretamente usando um servidor MCP ou fornecendo o JSON que você precisa colar no editor de código.

Basta pedir ao Claude o JSON apropriado para os componentes para os quais você deseja criar um esquema, seja ele híbrido ou apenas um CMS headless.

Exemplo

Estamos adicionando um novo recurso do servidor MCP e, para exibi-lo, estamos adicionando um novo bloco hero.

Primeiro, vamos alterar nosso registro para usar um novo bloco

const registry = {
  "navbar": NavbarBlock,
  ...
  // novo bloco adicionado
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Peça ao Claude para implementar o React/CSS do bloco e fornecer o JSON para a definição do esquema. Deve ficar assim.

"McpFeatureBlock": {
  "label": "Servidor MCP",
  "title": "Deixe agentes de IA trabalharem diretamente no seu CMS",
  "description": "O Profound CMS traz um servidor MCP nativo. Conecte Claude, Cursor ou qualquer agente compatível com MCP e deixe-o ler páginas, atualizar blocos e publicar conteúdo — sem necessidade de código adicional personalizado.",
  "features": ["McpFeatureItem"],
  "cta_label": "Leia a documentação do MCP",

Colamos isso na guia “Import Code” do Editor de Esquemas. Deve ficar como abaixo.

Depois disso, crie o bloco que usa o esquema mcp_feature_block e referencie esse bloco usando o construtor de modelos na página.

Resumo

Este é um fluxo de trabalho personalizado Claude + Profound CMS.

"cta_href"
:
"/docs/mcp"
}