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

> Anslut Flowstep till claude.ai med en anpassad MCP-anslutning.

Claude.ai stöder anpassade MCP-anslutningar via integrationspanelen.

## Lägg till anslutningen

<Steps>
  <Step title="Öppna integrationerna">
    Gå till **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="Lägg till en anpassad anslutning">
    Klicka på **Add More** (eller **Custom Connector**) och ange sedan:

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

  <Step title="Autentisera">
    Claude.ai omdirigerar din webbläsare till `https://api.flowstep.ai/oauth/authorize`. Logga in med ditt Flowstep-konto (e-post/lösenord eller Google SSO). Sidan omdirigeras automatiskt tillbaka till claude.ai.
  </Step>

  <Step title="Aktivera anslutningen">
    Tillbaka i integrationerna bekräftar du att Flowstep-anslutningen visas som ansluten. Aktivera den för konversationerna där du vill använda den.
  </Step>
</Steps>

<Note>
  Du behöver ett befintligt Flowstep-konto för att autentisera. Om du inte har ett kan du skapa ett på [app.flowstep.ai](https://app.flowstep.ai) först och sedan återgå här för att slutföra anslutningsinställningen.
</Note>

## Verifiera anslutningen

I en claude.ai-konversation med Flowstep-anslutningen aktiverad:

```
List my Flowstep files
```

## Användning

När du är ansluten beskriver du vad du vill göra på naturligt språk:

```
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 anropar Flowstep-verktygen sekventiellt och visar de renderade bilderna inline.