• CODE
  • DONNÉES
  • MODÈLES
  • HUMAIN

Synchroniser votre code avec Builder via votre IA

Connectez votre IA à Builder une seule fois. Ensuite, votre agent pourra lire vos modèles CMS pour générer du code parfaitement compatible avec vos données.

Demandez à l'IA à propos de cette page

Réponse rapide

Comment synchroniser mon code avec les schémas Builder via mon IA ?

Votre IA utilise le MCP Builder pour extraire les définitions de modèles en direct depuis votre CMS. Cela permet à votre agent d'écrire du code frontend utilisant exactement les noms et types de champs définis dans vos modèles Builder. Vous obtenez un code aligné sur votre structure headless sans copier-coller manuel.

Chaque mise à jour est prise en compte.

Les résultats de la synchronisation

Une fois que votre IA a accès à vos modèles Builder, elle peut accomplir ces tâches spécifiques.

CODE

Code frontend typé

L'IA lit vos schémas de modèles pour générer un code utilisant les bons noms de champs. Plus besoin de corriger des références de propriétés erronées dans vos composants.

DONNÉES

Mapping de données précis

Votre agent lie les données du CMS à vos composants UI en utilisant les définitions exactes trouvées. Votre frontend affiche ainsi le bon contenu à chaque fois.

MODÈLES

Découverte de modèles

L'IA identifie les modèles actuellement actifs dans votre instance Builder. Elle sait exactement quels schémas sont disponibles pour interagir avec votre code.

HUMAIN

Mises à jour manuelles

Si vous modifiez un type de champ dans l'interface Builder, vous devez relancer un prompt pour que l'IA voie le changement. L'IA ne renvoie pas automatiquement les modifications vers Builder.

Le flux

Ce que fait votre IA lors de la requête.

L'IA suit un processus précis pour faire le lien entre votre éditeur de code et votre CMS.

  1. Trouver vos modèles

    L'IA parcourt votre compte Builder pour identifier les modèles de contenu configurés. Cela lui donne le contexte de votre structure de données.

    list_builder_models

  2. Identifier les schémas actifs

    L'agent affine la liste pour trouver les modèles spécifiques que vous utilisez pour votre projet. Cela évite de traiter des données inutilisées.

    search_active_models

  3. Extraire les définitions de champs

    L'IA extrait les détails précis, comme les noms et les types de champs, d'un modèle spécifique. Ce sont ces données qu'elle utilise pour écrire votre code.

    get_model_schema

  4. Générer le code correspondant

    En utilisant le schéma fraîchement récupéré, l'IA écrit la logique frontend ou les interfaces TypeScript. Le code produit correspond exactement à votre CMS.

    get_model_schema

Essayez

Copiez ces exemples pour commencer.

Utilisez ces prompts pour lancer le processus de synchronisation avec votre agent.

Points de départ

Ce sont des exemples de phrases d'introduction. Remplacez les noms de modèles par ceux que vous utilisez réellement dans votre projet Builder.

Builder Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_BqALflagL8xNOmjaZGHvPIxPB3BCwZBh8bTcwCPe/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Builder capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "builder-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_BqALflagL8xNOmjaZGHvPIxPB3BCwZBh8bTcwCPe/mcp"
    }
  }
}
Copiez dans le chat04

  • Liste tous mes modèles Builder pour que je puisse voir ce qui est disponible.

  • Trouve le schéma de mon modèle 'Product' et génère une interface TypeScript pour celui-ci.

  • Vérifie les modèles actifs dans Builder et dis-moi lequel correspond à mon composant 'Blog'.

  • Récupère le schéma du modèle 'HeroBanner' et écris un composant React qui utilise ses champs.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Commencez ici

Connectez Builder une fois, puis demandez.

Cliquez sur le lien ci-dessous pour lier votre compte Builder. Vos identifiants restent chiffrés et sécurisés, et vous pouvez immédiatement commencer à interroger votre IA.

Connecter Builder à votre IA

FAQ

Fonctionnement de la tâche

  • 01

    L'IA peut-elle modifier mes modèles Builder ?

    Non. L'IA peut uniquement lire vos schémas. Elle ne peut ni créer, ni supprimer, ni modifier de champs ou de modèles dans Builder.

  • 02

    L'IA mettra-t-elle mon code à jour automatiquement si je change un champ dans Builder ?

    Non. L'IA ne voit le schéma que lorsque vous le lui demandez. Vous devez demander à votre agent de relire le schéma après avoir effectué des changements dans le CMS.

  • 03

    L'IA connaît-elle tous mes modèles ?

    Elle peut voir n'importe quel modèle si vous la dirigez vers lui via les outils disponibles, mais elle ne saura pas qu'un modèle existe tant que vous ne lui demandez pas de le chercher.

  • 04

    Puis-je utiliser cela avec Cursor ou VS Code ?

    Oui, tant que votre éditeur est compatible MCP, cela fonctionnera.

  • 05

    Dois-je fournir ma clé API Builder à chaque fois ?

    Non. Vous vous connectez une seule fois via Vinkius, et votre agent y aura accès via le MCP.

  • D'autres questions sur Builder ? La page du connecteur y répond. Voir toutes les capacités du connecteur Builder

Connectez Builder à Claude, Cursor, ChatGPT et d'autres