• CODE
  • DATEN
  • MODELLE
  • MENSCH

Code mit Builder-Schemas über die KI synchronisieren

Verbinde deine KI einmal mit Builder. Danach kann dein Agent deine CMS-Modelle lesen und Code schreiben, der exakt mit deinen Daten funktioniert.

Fragen Sie die KI zu dieser Seite

Kurzantwort

Wie synchronisiere ich meinen Code mit Builder-Schemas über meine KI?

Deine KI nutzt den Builder MCP, um Live-Modelldefinitionen direkt aus deinem CMS abzurufen. Dadurch schreibt dein Agent Frontend-Code, der genau die Feldnamen und Typen verwendet, die in deinen Builder-Modellen definiert sind. Du erhältst Code, der ohne manuelles Kopieren exakt zu deiner Headless-Struktur passt.

Wo jedes Update landet.

Ergebnisse der Synchronisierung

Sobald deine KI Zugriff auf deine Builder-Modelle hat, kann sie diese spezifischen Aufgaben übernehmen.

CODE

Typsicherer Frontend-Code

Die KI liest deine Modell-Schemas, um Code mit korrekten Feldnamen zu generieren. Du musst keine fehlerhaften Property-Referenzen in deinen Komponenten mehr korrigieren.

DATEN

Präzises Daten-Mapping

Dein Agent ordnet CMS-Daten mithilfe der gefundenen Felddefinitionen deinen UI-Komponenten zu. So zeigt dein Frontend immer den richtigen Inhalt an.

MODELLE

Modell-Erkennung

Die KI identifiziert, welche Modelle in deiner Builder-Instanz gerade aktiv sind. Sie weiß genau, welche Schemas für deinen Code verfügbar sind.

MENSCH

Manuelle Schema-Updates

Wenn du einen Feldtyp in der Builder-Oberfläche änderst, musst du einen neuen Prompt senden, damit die KI die Änderung sieht. Die KI schreibt Änderungen nicht automatisch zurück nach Builder.

Der Ablauf

Was deine KI tut, wenn die Anfrage eingeht.

Die KI folgt einem festen Pfad, um die Lücke zwischen deinem Code-Editor und deinem CMS zu schließen.

  1. Modelle finden

    Die KI durchsucht dein Builder-Konto, um zu sehen, welche Content-Modelle eingerichtet sind. Das liefert den Kontext für deine Datenstruktur.

    list_builder_models

  2. Aktive Schemas identifizieren

    Der Agent grenzt die Liste ein, um die spezifischen Modelle zu finden, die du aktuell für dein Projekt nutzt. So verliert er sich nicht in ungenutzten Daten.

    search_active_models

  3. Felddefinitionen extrahieren

    Die KI ruft die detaillierten Informationen wie Feldnamen und Typen für ein bestimmtes Modell ab. Diese Daten nutzt sie zum Schreiben des Codes.

    get_model_schema

  4. Passenden Code generieren

    Mit dem abgerufenen Schema schreibt die KI die Frontend-Logik oder TypeScript-Interfaces. Der resultierende Code passt exakt zu deinem CMS.

    get_model_schema

Probieren Sie es

Kopiere diese Vorlagen zum Start.

Nutze diese Prompts, um den Synchronisierungsprozess mit deinem Agenten zu starten.

Startpunkte

Dies sind erste Ansätze. Ersetze die Modellnamen einfach durch die, die du in deinem Builder-Projekt tatsächlich verwendest.

Builder Connector

Alles bereit. Wählen Sie Ihren MCP-Client und folgen Sie den Einrichtungsschritten.

Connector-Linkhttps://edge.vinkius.com/vk_preview_BqALflagL8xNOmjaZGHvPIxPB3BCwZBh8bTcwCPe/mcp

Claude Desktop

Folgen Sie den Schritten unten, um sich in Sekunden zu verbinden.

  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.
Konfiguration · claude_desktop_config.jsonKopieren
{
  "mcpServers": {
    "builder-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_BqALflagL8xNOmjaZGHvPIxPB3BCwZBh8bTcwCPe/mcp"
    }
  }
}
In den Chat kopieren04

  • Liste alle meine Builder-Modelle auf, damit ich sehe, was verfügbar ist.

  • Finde das Schema für mein 'Product'-Modell und schreibe eine TypeScript-Interface dafür.

  • Prüfe die aktiven Modelle in Builder und sag mir, welches zu meiner 'Blog'-Komponente passt.

  • Rufe das Schema für das 'HeroBanner'-Modell ab und schreibe eine React-Komponente, die dessen Felder nutzt.

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

Starten Sie hier

Einmal verbinden, dann fragen.

Klicke auf den Link unten, um dein Builder-Konto zu verknüpfen. Deine Zugangsdaten bleiben verschlüsselt und sicher, sodass du sofort mit deinen Prompts beginnen kannst.

Builder mit deiner KI verbinden

FAQ

Verhalten der Aufgabe

  • 01

    Kann die KI meine Builder-Modelle ändern?

    Nein. Die KI kann deine Schemas nur lesen. Sie kann keine Felder oder Modelle in Builder erstellen, löschen oder modifizieren.

  • 02

    Aktualisiert die KI meinen Code automatisch, wenn ich ein Feld in Builder ändere?

    Nein. Die KI sieht das Schema nur, wenn du sie dazu aufforderst. Du musst deinen Agenten anweisen, das Schema nach Änderungen im CMS neu zu lesen.

  • 03

    Kennt die KI alle meine Modelle?

    Sie kann jedes Modell sehen, nach dem sie mithilfe der verfügbaren Tools suchen soll. Sie weiß jedoch nicht von einem Modell, wenn du sie nicht explizit danach fragst.

  • 04

    Kann ich das mit Cursor oder VS Code nutzen?

    Ja. Solange dein Client ein MCP-kompatibler Editor ist, wird es funktionieren.

  • 05

    Muss ich meinen Builder API-Key jedes Mal angeben?

    Nein. Du verbindest dich einmalig über Vinkius, und dein Agent erhält den Zugriff über den MCP.

  • Weitere Fragen zu Builder? Die Connector-Seite liefert Antworten. Alle Funktionen des Builder Connectors ansehen

Verbinde Builder mit Claude, Cursor, ChatGPT & mehr