> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep MCP — Cursor

> Conecta Flowstep a Cursor usando el transporte MCP HTTP de Streaming.

## Configuración

Agrega el servidor a tu configuración de MCP. Cursor busca esto en dos ubicaciones: usa el archivo global para habilitarlo en todos los proyectos, o el archivo del proyecto para mantenerlo limitado.

<Tabs>
  <Tab title="Global (~/.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>

  <Tab title="Project (.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>
</Tabs>

Reinicia Cursor después de guardar el archivo.

## Autenticación

Abre **Settings → MCP** y haz clic en **Connect** junto a Flowstep. Cursor abre tu navegador en `https://api.flowstep.ai/oauth/authorize`. Inicia sesión con tus credenciales de Flowstep (email/contraseña o Google SSO). Cursor captura la devolución de llamada automáticamente y almacena el token.

<Note>
  Necesitas una cuenta de Flowstep antes de conectar. Crea una en [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verifica la conexión

En un chat de Cursor, escribe:

```
List my Flowstep files
```

Si la llamada de herramienta tiene éxito, la conexión está funcionando.

## Ejemplo de uso

```
Create a Flowstep file called "Onboarding", generate a mobile sign-up screen
with name, email, and password fields, then show me the image.
```

Cursor llamará `create-file` → `ai-prompt` → `get-screen-image` en secuencia.