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

> Verbind Flowstep met claude.ai met behulp van een aangepaste MCP-connector.

Claude.ai ondersteunt aangepaste MCP-connectors via het Integrations-paneel.

## Voeg de connector toe

<Steps>
  <Step title="Integraties openen">
    Ga naar **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="Voeg een aangepaste connector toe">
    Klik op **Add More** (of **Custom Connector**), en voer vervolgens in:

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

  <Step title="Authenticatie">
    Claude.ai stuurt je browser door naar `https://api.flowstep.ai/oauth/authorize`. Meld je aan met je Flowstep-account (e-mailadres/wachtwoord of Google SSO). De pagina stuurt je automatisch terug naar claude.ai.
  </Step>

  <Step title="Schakel de connector in">
    Ga terug naar Integrations, en bevestig dat de Flowstep-connector is verbonden. Schakel het in voor de gesprekken waarin je het wilt gebruiken.
  </Step>
</Steps>

<Note>
  Je hebt een bestaand Flowstep-account nodig om je te authenticeren. Als je er nog geen hebt, maak er een aan op [app.flowstep.ai](https://app.flowstep.ai) en kom daarna hiernaartoe om de connectorinstallatie af te ronden.
</Note>

## Controleer de verbinding

In een claude.ai-gesprek met de Flowstep-connector ingeschakeld:

```
List my Flowstep files
```

## Gebruik

Eenmaal verbonden, beschrijf je wensen in natuurlijke taal:

```
Create a Flowstep file called "Checkout flow" and generate a three-step checkout screen
for an e-commerce app: cart review, address entry, and payment. Show me each screen.
```

Claude zal de Flowstep-tools achter elkaar aanroepen en de gerenderde afbeeldingen inline weergeven.