> ## 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 — Claude Code

> Connecta Flowstep a Claude Code (CLI) fent servir el transport HTTP MCP de flux.

## Configuració

Afegeix el servidor a la configuració de Claude Code. Fes servir el fitxer de configuració global per activar-lo a tot arreu, o afegeix-lo per projecte.

<Tabs>
  <Tab title="Global (~/.claude/settings.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep-production": {
          "type": "http",
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>

  <Tab title="Projecte (.claude/settings.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep-production": {
          "type": "http",
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>
</Tabs>

Alternativament, fes servir la CLI:

```bash theme={"system"}
claude mcp add --transport http flowstep-production https://api.flowstep.ai/mcp
```

## Autenticació

Claude Code gestiona automàticament el flux OAuth 2.1 PKCE la primera vegada que crida una eina de Flowstep. El navegador s'obrirà a `https://api.flowstep.ai/oauth/authorize`. Inicia sessió amb les teves credencials de Flowstep i la CLI captura el callback.

<Note>
  Necessites un compte de Flowstep abans d'autenticar-te. Crea'n un a [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Verifica la connexió

```bash theme={"system"}
claude mcp list
```

El servidor hauria d'aparèixer com a connectat. Llavors, en una sessió de Claude Code:

```
Llista els meus fitxers de Flowstep
```

## Exemple d'ús

```
Crea un fitxer de Flowstep anomenat "Pàgina de configuració", genera una pantalla de configuració d'escriptori per a una eina de desenvolupador amb seccions per a claus API, notificacions i membres de l'equip. Mostra'm la imatge renderitzada quan estigui fet.
```