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

> Koble Flowstep til claude.ai ved hjelp av en tilpasset MCP-connector.

Claude.ai støtter tilpassede MCP-connectorer via integrasjonspanelet.

## Legg til connectoren

<Steps>
  <Step title="Åpne integrasjoner">
    Gå til **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="Legg til en tilpasset connector">
    Klikk **Add More** (eller **Custom Connector**), og skriv inn:

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

  <Step title="Autentiser">
    Claude.ai omdirigerer nettleseren din til `https://api.flowstep.ai/oauth/authorize`. Logg inn med Flowstep-kontoen din (e-post/passord eller Google SSO). Siden omdirigeres automatisk tilbake til claude.ai.
  </Step>

  <Step title="Aktiver connectoren">
    Tilbake i Integrations, bekreft at Flowstep-connectoren vises som tilkoblet. Slå den på for samtalene der du vil bruke den.
  </Step>
</Steps>

<Note>
  Du trenger en eksisterende Flowstep-konto for å autentisere. Hvis du ikke har en, opprett den på [app.flowstep.ai](https://app.flowstep.ai) først, og kom deretter tilbake hit for å fullføre oppsettet av connectoren.
</Note>

## Verifiser tilkoblingen

I en claude.ai-samtale med Flowstep-connectoren aktivert:

```
List my Flowstep files
```

## Bruk

Når du er tilkoblet, beskriver du hva du vil i naturlig 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 vil kalle Flowstep-verktøyene sekvensielt og vise de gjengitte bildene innebygd.