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

> Collega Flowstep a claude.ai utilizzando un connettore MCP personalizzato.

Claude.ai supporta connettori MCP personalizzati tramite il pannello Integrazioni.

## Aggiungi il connettore

<Steps>
  <Step title="Apri Integrazioni">
    Accedi a **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="Aggiungi un connettore personalizzato">
    Fai clic su **Add More** (o **Custom Connector**), quindi inserisci:

    ```
    https://api.flowstep.ai/mcp
    ```
  </Step>

  <Step title="Autentica">
    Claude.ai reindirizza il tuo browser a `https://api.flowstep.ai/oauth/authorize`. Accedi con il tuo account Flowstep (email/password o Google SSO). La pagina reindirizza automaticamente a claude.ai.
  </Step>

  <Step title="Abilita il connettore">
    Torna a Integrazioni, conferma che il connettore Flowstep sia connesso. Attivalo per le conversazioni in cui desideri utilizzarlo.
  </Step>
</Steps>

<Note>
  Hai bisogno di un account Flowstep esistente per autenticarti. Se non ne hai uno, creane uno su [app.flowstep.ai](https://app.flowstep.ai) prima, quindi torna qui per completare la configurazione del connettore.
</Note>

## Verifica la connessione

In una conversazione su claude.ai con il connettore Flowstep abilitato:

```
Elenca i miei file Flowstep
```

## Utilizzo

Una volta connesso, descrivi quello che desideri in linguaggio naturale:

```
Crea un file Flowstep chiamato "Checkout flow" e genera una schermata di checkout a tre fasi per un'app di e-commerce: revisione del carrello, inserimento dell'indirizzo e pagamento. Mostrami ogni schermata.
```

Claude chiamerà gli strumenti Flowstep in sequenza e visualizzerà le immagini renderizzate inline.