json y código de Claude

Primero conecta con nuestro servidor MCP

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

Puedes empezar a usar herramientas y componentes para crear masivamente documentos/bloques/componentes y publicar sitios web rápidamente.

A continuación se muestra el proceso manual

Para iniciar el editor de esquemas JSON de Zod.

• Dirígete al panel de administración del CMS
• Haz clic en + Crear esquema
• Introduce la descripción JSON validada adecuada del esquema
• Aplica los cambios

Para cambios posteriores, será necesario eliminar el esquema y volver a agregarlo.

Solicitando a Claude el flujo de trabajo con JSON

Si usamos Claude Code para cambios visuales de tailwindCSS/CSS/React, entonces también podemos pedirle que actualice el JSON correctamente usando un servidor MCP o proporcionándote el JSON que necesitas pegar en el editor de código.

Solo pídele a Claude el JSON apropiado para los componentes para los que quieras crear un esquema, ya sea híbrido o simplemente un CMS sin cabeza.

Ejemplo

Estamos añadiendo una nueva función del servidor MCP y, para mostrarla, estamos agregando un nuevo bloque héroe.

Primero cambiaremos nuestro registro para usar un nuevo bloque

const registry = {
  "navbar": NavbarBlock,
  ...
  // nuevo bloque agregado
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Pídele a Claude que implemente el React/CSS del bloque y nos proporcione el JSON para la definición del esquema. Debería verse así.

"McpFeatureBlock": {
  "label": "Servidor MCP",
  "title": "Permite que los agentes de IA trabajen tu CMS directamente",
  "description": "Profound CMS incluye un servidor MCP nativo. Conecta Claude, Cursor o cualquier agente compatible con MCP y permite que lea páginas, actualice bloques y publique contenido, sin necesidad de código de integración personalizado.",
  "features": ["McpFeatureItem"],
  "cta_label": "Lee la documentación de MCP",
  "cta_href": "/docs/mcp"
}

Pégalo en el editor JSON del generador de esquemas. Debería verse así a continuación.

Consejo: ¿Prefieres Zod? Cambia el editor de JSON a Zod en la parte superior del panel y pega un esquema de Zod en su lugar; el generador derivará los mismos campos. Es útil si ya modelas datos con Zod en otra parte de tu aplicación.

Después de eso, crea el bloque que utiliza el esquema mcp_feature_block y referencia ese bloque usando el generador de plantillas en la página.

Resumen

Este es un flujo de trabajo personalizado de Claude + Profound CMS.