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

> Ligue o Flowstep ao Windsurf utilizando o transporte MCP HTTP Streamable.

## Configuração

Edite `~/.codeium/windsurf/mcp_config.json`:

```json theme={"system"}
{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}
```

Reinicie o Windsurf após guardar.

## Autenticação

Na primeira utilização, o Windsurf abre o seu navegador para a página de login OAuth do Flowstep. Inicie sessão com as suas credenciais do Flowstep (email/palavra-passe ou Google SSO) e o Windsurf guarda o token.

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

## Verificar a ligação

Abra o painel MCP no Windsurf e confirme que o Flowstep está listado. Numa conversa Cascade:

```
Listar os meus ficheiros Flowstep
```

## Exemplo de utilização

```
Crie um ficheiro Flowstep chamado "Empty states", depois gere um ecrã vazio de telemóvel para uma aplicação de lista de tarefas com um espaço reservado para uma ilustração e um botão de chamada à ação. Mostre-me o resultado renderizado.
```