> ## 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

> Conecte Flowstep ao Cursor utilizando o transporte HTTP MCP Streamable.

## Configuração

Adicione o servidor à sua configuração MCP. O Cursor procura-a em duas localizações — utilize o ficheiro global para o ativar em todos os projetos, ou o ficheiro do projeto para mantê-lo restringido.

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

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

Reinicie o Cursor após guardar o ficheiro.

## Autenticação

Abra **Settings → MCP** e clique em **Connect** junto a Flowstep. O Cursor abre o seu navegador para `https://api.flowstep.ai/oauth/authorize`. Inicie sessão com as suas credenciais Flowstep (email/palavra-passe ou Google SSO). O Cursor captura a chamada de retorno automaticamente e armazena o token.

<Note>
  Necessita de uma conta Flowstep antes de se conectar. Crie uma em [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verifique a ligação

Numa conversa Cursor, escreva:

```
List my Flowstep files
```

Se a chamada à ferramenta for bem-sucedida, a ligação está funcionando.

## Exemplo de utilização

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

O Cursor chamará `create-file` → `ai-prompt` → `get-screen-image` sequencialmente.