• CÓDIGO
  • DATOS
  • MODELOS
  • HUMANO

Sincroniza código con esquemas de Builder con tu IA

Conecta tu IA a Builder una sola vez. A partir de ahí, tu agente podrá leer tus modelos del CMS para escribir código que funcione con tus datos reales.

Pregunta a la IA sobre esta página

Respuesta rápida

¿Cómo sincronizo mi código con los esquemas de Builder usando mi IA?

Tu IA utiliza el MCP de Builder para extraer definiciones de modelos en tiempo real directamente desde tu CMS. Esto permite que tu agente escriba código frontend con los nombres y tipos de campos exactos definidos en tus modelos de Builder. Obtendrás código que encaja con tu estructura headless sin necesidad de copiar datos manualmente.

Donde cada actualización tiene lugar.

Resultados de la sincronización

Una vez que tu IA tiene acceso a tus modelos de Builder, puede realizar estas tareas específicas.

CÓDIGO

Código frontend con tipos seguros

La IA lee tus esquemas de modelo para generar código con los nombres de campos correctos. No tendrás que corregir referencias de propiedades rotas en tus componentes.

DATOS

Mapeo de datos preciso

Tu agente mapea los datos del CMS a tus componentes de UI usando las definiciones exactas que encontró. Así, el frontend mostrará el contenido correcto siempre.

MODELOS

Descubrimiento de modelos

La IA identifica qué modelos están activos en tu instancia de Builder. Sabe exactamente qué esquemas están disponibles para interactuar con tu código.

HUMANO

Actualizaciones manuales

Si cambias un tipo de campo en la interfaz de Builder, deberás lanzar un nuevo prompt para que la IA detecte el cambio. La IA no enviará cambios de vuelta a Builder automáticamente.

El flujo

Lo que hace tu IA cuando recibe la solicitud.

La IA sigue un camino específico para conectar tu editor de código con tu CMS.

  1. Buscar tus modelos

    La IA revisa tu cuenta de Builder para ver qué modelos de contenido tienes configurados. Esto le da el contexto de tu estructura de datos.

    list_builder_models
  2. Identificar esquemas activos

    El agente filtra la lista para encontrar los modelos específicos que usas en tu proyecto. Esto evita que se pierda entre datos que no utilizas.

    search_active_models
  3. Extraer definiciones de campos

    La IA obtiene los detalles granulares, como nombres y tipos de campos, de un modelo concreto. Estos son los datos que usa para escribir tu código.

    get_model_schema
  4. Generar código compatible

    Usando el esquema recién obtenido, la IA escribe la lógica del frontend o las interfaces de TypeScript. El código resultante coincide exactamente con tu CMS.

    get_model_schema

Pruébalo

Copia estos ejemplos para empezar.

Usa estos prompts para iniciar el proceso de sincronización con tu agente.

Puntos de partida

Estas son frases iniciales. Cambia los nombres de los modelos por los que uses realmente en tu proyecto de Builder.

Builder Connector

Todo listo. Elige tu cliente MCP y sigue las instrucciones de configuración.

Enlace del conectorhttps://edge.vinkius.com/vk_preview_BqALflagL8xNOmjaZGHvPIxPB3BCwZBh8bTcwCPe/mcp

Claude Desktop

Sigue los pasos siguientes para conectarte en segundos.

  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.
Configuración · claude_desktop_config.jsonCopiar
{
  "mcpServers": {
    "builder-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_BqALflagL8xNOmjaZGHvPIxPB3BCwZBh8bTcwCPe/mcp"
    }
  }
}
Copia en el chat04
  • Lista todos mis modelos de Builder para ver cuáles están disponibles.

  • Busca el esquema de mi modelo 'Product' y escribe una interfaz de TypeScript para él.

  • Revisa los modelos activos en Builder y dime cuál coincide con mi componente 'Blog'.

  • Obtén el esquema del modelo 'HeroBanner' y escribe un componente de React que use sus campos.

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

Empieza aquí

Conecta Builder una vez y luego pregunta.

Haz clic en el enlace de abajo para vincular tu cuenta de Builder. Tus credenciales se mantienen cifradas y seguras, y podrás empezar a usar tu IA de inmediato.

Conectar Builder a tu IA

FAQ

Cómo funciona esta tarea

  • 01

    ¿Puede la IA cambiar mis modelos de Builder?

    No. La IA solo puede leer tus esquemas. No puede crear, eliminar ni modificar campos o modelos dentro de Builder.

  • 02

    ¿La IA actualizará mi código automáticamente si cambio un campo en Builder?

    No. La IA solo ve el esquema cuando se lo pides. Debes pedirle a tu agente que vuelva a leer el esquema después de realizar cambios en el CMS.

  • 03

    ¿La IA conoce todos mis modelos?

    Puede ver cualquier modelo que se le indique buscar mediante las herramientas disponibles, pero no conocerá un modelo a menos que le pidas que lo busque.

  • 04

    ¿Puedo usar esto con Cursor o VS Code?

    Sí, siempre que tu cliente sea un editor compatible con MCP, funcionará.

  • 05

    ¿Tengo que proporcionar mi clave de API de Builder cada vez?

    No. Te conectas una vez a través de Vinkius y tu agente tendrá acceso mediante el MCP.

  • ¿Tienes más dudas sobre Builder? La página del Connector tiene las respuestas. Ver todo lo que puede hacer el Builder Connector

Conecta Builder a Claude, Cursor, ChatGPT y más