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

> Połącz Flowstep z Claude Code (CLI) korzystając z transportu HTTP MCP obsługującego przesyłanie strumieniowe.

## Konfiguracja

Dodaj serwer do ustawień Claude Code. Użyj globalnego pliku ustawień, aby włączyć go wszędzie, lub dodaj go dla pojedynczego projektu.

<Tabs>
  <Tab title="Globalne (~/.claude/settings.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep-production": {
          "type": "http",
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>

  <Tab title="Projekt (.claude/settings.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep-production": {
          "type": "http",
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>
</Tabs>

Alternatywnie, użyj CLI:

```bash theme={"system"}
claude mcp add --transport http flowstep-production https://api.flowstep.ai/mcp
```

## Uwierzytelnianie

Claude Code obsługuje przepływ OAuth 2.1 PKCE automatycznie przy pierwszym wywołaniu narzędzia Flowstep. Twoja przeglądarka otwiera się pod adresem `https://api.flowstep.ai/oauth/authorize`. Zaloguj się przy użyciu swoich poświadczeń Flowstep, a CLI przechwytuje callback.

<Note>
  Musisz mieć konto Flowstep przed uwierzytelnianiem. Utwórz je na [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Weryfikuj połączenie

```bash theme={"system"}
claude mcp list
```

Serwer powinien pojawić się jako połączony. Następnie w sesji Claude Code:

```
Wyświetl moje pliki Flowstep
```

## Przykład użycia

```
Utwórz plik Flowstep o nazwie "Settings page", wygeneruj ekran ustawień
dla narzędzia programistycznego z sekcjami dla kluczy API, powiadomień i członków zespołu.
Pokaż mi wyrenderowany obraz po zakończeniu.
```