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

> Připojte Flowstep k claude.ai pomocí vlastního konektoru MCP.

Claude.ai podporuje vlastní konektory MCP prostřednictvím panelu **Integrations** (Integrace).

## Přidání konektoru

<Steps>
  <Step title="Otevření Integrations">
    Přejděte na **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="Přidání vlastního konektoru">
    Klikněte na **Add More** (nebo **Custom Connector**) a pak zadejte:

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

  <Step title="Ověření">
    Claude.ai přesměruje váš prohlížeč na `https://api.flowstep.ai/oauth/authorize`. Přihlaste se pomocí svého účtu Flowstep (e-mail/heslo nebo Google SSO). Stránka se automaticky přesměruje zpět na claude.ai.
  </Step>

  <Step title="Aktivace konektoru">
    Zpět v Integrations potvrďte, že konektor Flowstep se zobrazuje jako připojený. Zapněte jej pro konverzace, kde jej chcete použít.
  </Step>
</Steps>

<Note>
  Abyste se mohli ověřit, potřebujete existující účet Flowstep. Pokud jej nemáte, vytvořte jej na [app.flowstep.ai](https://app.flowstep.ai) a pak se vraťte sem, abyste dokončili nastavení konektoru.
</Note>

## Ověření připojení

V konverzaci claude.ai se zapnutým konektorem Flowstep:

```
List my Flowstep files
```

## Používání

Jakmile se připojíte, popište, co chcete přirozeným jazykem:

```
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 bude volat nástroje Flowstep postupně a zobrazovat vyrenderované obrázky inline.