# Conecta un agente de IA a formbase

Añade formbase a Claude, ChatGPT, Cursor o cualquier herramienta compatible con servidores MCP remotos, inicia sesión, y elige el espacio de trabajo que puede usar el agente.

## Conecta un agente de IA a formbase

Un agente de IA llega a formbase por MCP, el protocolo que usan las herramientas de IA para llamar a otras apps. Pegas una URL, inicias sesión, y eliges un espacio de trabajo; el agente puede entonces construir formularios, enviar solicitudes y leer respuestas en ese espacio de trabajo.

<h2 id="before-you-start">Antes de empezar</h2>

<ul>
  <li>Una cuenta de formbase que sea miembro del espacio de trabajo que quieres conectar.</li>
  <li>
    Una herramienta de IA compatible con servidores MCP remotos. Algunas herramientas limitan esto a ciertos planes; la tabla de abajo
    enlaza a la guía propia de cada herramienta.
  </li>
</ul>

<p>
  El trabajo de un agente no gasta créditos de IA de formbase; tu herramienta de IA te factura según su propio precio. Consulta{' '}
  <a href="/es/ai/ai-credits-usage#mcp">Créditos de IA y uso</a>.
</p>

<h2 id="add-the-url">1. Añade el servidor de formbase a tu herramienta de IA</h2>

<p>Cada herramienta pide lo mismo, la URL del servidor:</p>

```
https://api.formbase.so/api/mcp
```

<p>
  Deja vacío cualquier campo de ID de cliente, secreto o token. La herramienta encuentra la página de inicio de sesión desde el servidor y
  se registra sola. Dónde pegar la URL depende de la herramienta:
</p>

Customize</strong> › <strong>Connectors</strong> › <strong>+</strong> › <strong>Add custom connector</strong>. Un conector añadido en claude.ai también funciona en las apps de escritorio y móvil. En Team y Enterprise, un propietario lo añade primero en <strong>Organization settings</strong> › <strong>Connectors</strong>; en Free puedes añadir un conector personalizado.',
        '<a href="https://support.claude.com/en/articles/11175166-get-started-with-custom-connectors-using-remote-mcp">Anthropic</a>',
      ],
    },
    {
      label: 'Claude Code',
      cells: [
        'Ejecuta <code>claude mcp add --transport http formbase https://api.formbase.so/api/mcp</code>, y luego escribe <code>/mcp</code> en Claude Code para iniciar sesión.',
        '<a href="https://code.claude.com/docs/en/mcp">Anthropic</a>',
      ],
    },
    {
      label: 'ChatGPT',
      cells: [
        'Activa el modo desarrollador, y luego <strong>Settings</strong> › <strong>Apps</strong> › <strong>Create</strong>. Crear y cambiar formularios necesita ChatGPT Business, Enterprise o Edu, en la web. En Business, un administrador del espacio de trabajo activa antes el modo desarrollador.',
        '<a href="https://help.openai.com/en/articles/12584461-developer-mode-and-mcp-apps-in-chatgpt">OpenAI</a>',
      ],
    },
    {
      label: 'Codex',
      cells: [
        'Ejecuta <code>codex mcp add formbase --url https://api.formbase.so/api/mcp</code>, y luego <code>codex mcp login formbase</code>.',
        '<a href="https://learn.chatgpt.com/docs/extend/mcp">OpenAI</a>',
      ],
    },
    {
      label: 'Cursor',
      cells: [
        'Haz clic en <a href="https://cursor.com/install-mcp?name=formbase&config=eyJ1cmwiOiJodHRwczovL2FwaS5mb3JtYmFzZS5zby9hcGkvbWNwIn0=">Añadir a Cursor</a>. O añade <code>{"mcpServers": {"formbase": {"url": "https://api.formbase.so/api/mcp"}}}</code> a <code>.cursor/mcp.json</code> dentro de tu proyecto, o a <code>~/.cursor/mcp.json</code> para todos los proyectos.',
        '<a href="https://cursor.com/docs/mcp">Cursor</a>',
      ],
    },
    {
      label: 'VS Code',
      cells: [
        'Ejecuta <strong>MCP: Add Server</strong> desde la paleta de comandos y elige HTTP.',
        '<a href="https://code.visualstudio.com/docs/agent-customization/mcp-servers">Microsoft</a>',
      ],
    },
  ]}
/>

<p>
  Cualquier otra herramienta compatible con servidores MCP remotos con inicio de sesión funciona igual: busca dónde añade un servidor por
  URL.
</p>

<h2 id="authorize">2. Inicia sesión y elige el espacio de trabajo</h2>

<p>
  La primera vez que el agente usa formbase, tu herramienta de IA abre una página de formbase en el navegador. Inicia sesión si te lo pide.
  formbase muestra entonces qué herramienta lo pide, qué puede hacer, y los espacios de trabajo a los que perteneces:
</p>

<p>
  Elige el espacio de trabajo y haz clic en <strong>Authorize</strong>. El navegador vuelve a tu herramienta de IA. La conexión llega solo a
  ese espacio de trabajo; para usar otro, añade formbase a tu herramienta una segunda vez y elige el otro.
</p>

<h2 id="check">3. Comprueba que funciona</h2>

<p>Pide al agente algo que solo formbase puede responder:</p>

```
List my formbase forms and whether each one is published.
```

<p>
  El agente llama a formbase y responde con los formularios del espacio de trabajo que elegiste. Algunas herramientas, como Claude Code,
  dicen primero que están cargando definiciones de herramientas: formbase ofrece todas sus herramientas de una vez, y la herramienta obtiene
  los detalles de las que necesita cada tarea.
</p>

> ℹ️ **Algunas acciones piden confirmación primero**
> <p>
>     Eliminar un formulario, despublicarlo, cancelar una solicitud y algunas otras acciones están marcadas para confirmación, y la mayoría de
>     las herramientas de IA te preguntan antes de ejecutarlas. El aviso viene de tu herramienta de IA, así que revisa su propia configuración
>     de aprobación. La lista completa está en <a href="/es/developers/mcp-server#confirmation">la referencia del servidor MCP</a>.
>   </p>

<h2 id="disconnect">Ver o eliminar la conexión</h2>

<p>
  En formbase, abre <strong>OAuth y claves de API</strong> en la barra lateral del espacio de trabajo. Tu conexión aparece bajo{' '}
  <strong>Aplicaciones conectadas</strong>, con cuándo se conectó y cuándo se usó por última vez:
</p>

<p>
  Haz clic en el botón <strong>Desconectar</strong> y confirma. El agente pierde el acceso de inmediato, y te pide iniciar sesión de nuevo
  la próxima vez que necesite formbase.
</p>

<h2 id="next">Siguiente</h2>

<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Referencia del servidor MCP](/es/developers/mcp-server) — Cada herramienta, los límites, y cómo conectarte con un token de API en su lugar.
  - [Construye un formulario con un agente de IA](/es/guides/ai-agents/build-a-form) — Describe el formulario, mira la vista previa, y publícalo.
</div>
