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

> Kapcsold össze a Flowstepet a claude.ai-val egy egyéni MCP-összekötő segítségével.

A claude.ai egyéni MCP-összekötőket támogat az **Integrations** panelben.

## Összekötő hozzáadása

<Steps>
  <Step title="Integrations megnyitása">
    Menj a **claude.ai → Settings → Integrations** menüpontra.
  </Step>

  <Step title="Egyéni összekötő hozzáadása">
    Kattints az **Add More** (vagy **Custom Connector**) gombra, majd írd be:

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

  <Step title="Hitelesítés">
    A claude.ai átirányítja a böngésződet a `https://api.flowstep.ai/oauth/authorize` oldal felé. Jelentkezz be a Flowstep-fiókodra (e-mail/jelszó vagy Google SSO). Az oldal automatikusan visszatér a claude.ai-hoz.
  </Step>

  <Step title="Az összekötő engedélyezése">
    Az **Integrations** panelre visszatérve ellenőrizd, hogy a Flowstep-összekötő csatlakozottként jelenik meg. Kapcsold be azoknak a beszélgetéseknek, ahol használni szeretnéd.
  </Step>
</Steps>

<Note>
  Az azonosítéshez szükséged van egy meglévő Flowstep-fiókra. Ha nincs ilyen fiók, hozz létre egyet az [app.flowstep.ai](https://app.flowstep.ai) oldalon, majd térj vissza ide az összekötő beállításának befejezéséhez.
</Note>

## Csatlakozás ellenőrzése

Egy claude.ai beszélgetésben az engedélyezett Flowstep-összekötővel:

```
List my Flowstep files
```

## Használat

Miután csatlakozik, jelld le természetes nyelven, mit szeretnél:

```
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.
```

A Claude egymás után meghívja a Flowstep-eszközöket, és az elkészült képeket a beszélgetésbe ágyazza.