Créer des schémas avec Claude Code et le générateur JSON
Commencez par vous connecter à notre serveur MCP
claude mcp add --transport http Profound http://107.21.107.99:8081/mcp
Vous pouvez commencer à utiliser des outils et des composants pour créer rapidement en masse des documents/blocs/composants et publier des sites web.
Voici le processus manuel
Pour lancer l’éditeur de schéma JSON Zod.
Pour les modifications suivantes, il faudra supprimer le schéma puis l’ajouter à nouveau.
Si nous utilisons Claude Code pour des modifications visuelles TailwindCSS/CSS/React, nous pouvons également lui demander de mettre à jour le JSON correctement en utilisant un serveur MCP ou en vous fournissant le JSON à coller dans l’éditeur de code.
Demandez simplement à Claude le JSON approprié pour les composants pour lesquels vous souhaitez créer un schéma, qu’il s’agisse d’un CMS hybride ou uniquement headless.
Nous ajoutons une nouvelle fonctionnalité de serveur MCP et, pour l’afficher, nous ajoutons un nouveau bloc de hero.
Nous allons d’abord modifier notre registre pour utiliser un nouveau bloc
const registry = {
"navbar": NavbarBlock,
...
// nouveau bloc ajouté
"McpFeatureBlock": McpFeatureDisplayBlock,
...
"footer": FooterBlock,
};
Demandez à Claude d’implémenter le React/CSS du bloc et de nous fournir le JSON pour la définition du schéma. Cela devrait ressembler à ceci.
"McpFeatureBlock": {
"label": "Serveur MCP",
"title": "Laissez les agents IA gérer directement votre CMS",
"description": "Profound CMS est livré avec un serveur MCP natif. Connectez Claude, Cursor ou tout agent compatible MCP et laissez-le lire les pages, mettre à jour les blocs et publier du contenu — sans code de liaison personnalisé.",
"features": ["McpFeatureItem"],
"cta_label": "Lire la documentation MCP",
"cta_href": "/docs/mcp"
}
Collez-le dans l’éditeur JSON du créateur de schéma. Il devrait ressembler à ceci ci-dessous.
Astuce : Vous préférez Zod ? Basculez l’éditeur de JSON à Zod en haut du panneau et collez plutôt un schéma Zod — le créateur en déduira les mêmes champs. Pratique si vous modélisez déjà des données avec Zod ailleurs dans votre application.
Ensuite, créez le bloc qui utilise le schéma mcp_feature_block et référencez ce bloc à l’aide du créateur de modèles sur la page.
Il s’agit d’un workflow personnalisé Claude + Profound CMS.