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

> Connectez Flowstep à Windsurf en utilisant le transport MCP HTTP Streamable.

## Configuration

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

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

Redémarrez Windsurf après avoir enregistré.

## Authentification

Lors de la première utilisation, Windsurf ouvre votre navigateur sur la page de connexion OAuth de Flowstep. Connectez-vous avec vos identifiants Flowstep (courriel/mot de passe ou connexion Google SSO) et Windsurf enregistre le jeton.

<Note>
  Vous avez besoin d'un compte Flowstep avant de vous connecter. Créez-en un sur [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Vérifier la connexion

Ouvrez le panneau MCP dans Windsurf et confirmez que Flowstep y est répertorié. Dans un clavardage Cascade :

```
List my Flowstep files
```

## Exemple d'utilisation

```
Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.
```