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

> Połącz Flowstep z claude.ai za pomocą niestandardowego łącznika MCP.

Claude.ai obsługuje niestandardowe łączniki MCP za pośrednictwem panelu Integrations (Integracje).

## Dodaj łącznik

<Steps>
  <Step title="Otwórz Integrations">
    Przejdź do **claude.ai → Settings (Ustawienia) → Integrations (Integracje)**.
  </Step>

  <Step title="Dodaj niestandardowy łącznik">
    Kliknij **Add More** (Dodaj więcej) lub **Custom Connector** (Łącznik niestandardowy), a następnie wpisz:

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

  <Step title="Uwierzytelni się">
    Claude.ai przekierowuje Twoją przeglądarkę na `https://api.flowstep.ai/oauth/authorize`. Zaloguj się na swoje konto Flowstep (email/hasło lub Google SSO). Strona automatycznie przekierowuje Cię z powrotem do claude.ai.
  </Step>

  <Step title="Włącz łącznik">
    W panelu Integrations (Integracje) potwierdź, że łącznik Flowstep jest wyświetlany jako połączony. Włącz go w rozmowach, w których chcesz go używać.
  </Step>
</Steps>

<Note>
  Aby się uwierzytelnić, potrzebujesz istniejącego konta Flowstep. Jeśli go nie masz, utwórz je najpierw w [app.flowstep.ai](https://app.flowstep.ai), a następnie wróć tutaj, aby ukończyć konfigurację łącznika.
</Note>

## Zweryfikuj połączenie

W rozmowie claude.ai z włączonym łącznikiem Flowstep:

```
List my Flowstep files
```

## Użycie

Po nawiązaniu połączenia opisz, co chcesz, naturalnym językiem:

```
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 wywoła narzędzia Flowstep sekwencyjnie i wyświetli wyrenderowane obrazy w tekście.