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

# Szybki start MCP

> Połącz Flowstep ze swoim edytorem AI i wykonaj swoje pierwsze wywołanie narzędzia.

## Wymagania wstępne

* Konto Flowstep ([app.flowstep.ai](https://app.flowstep.ai))

<Tabs>
  <Tab title="Cursor">
    **Wymaga Cursor v0.43+**

    ## Krok 1 — Dodaj serwer

    Utwórz lub edytuj `~/.cursor/mcp.json` (globalny) lub `.cursor/mcp.json` w katalogu głównym projektu:

    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```

    Uruchom ponownie Cursor po zapisaniu.

    ## Krok 2 — Uwierzytelnienie

    Otwórz panel MCP Cursor (Settings → MCP) i kliknij **Connect** obok Flowstep. Cursor otwiera przeglądarkę w celu zalogowania się do Flowstep OAuth. Zaloguj się przy użyciu poświadczeń Flowstep (email/hasło lub Google). Przeglądarka przekierowuje z powrotem, a Cursor automatycznie zapisuje token.

    <Note>
      Potrzebujesz konta Flowstep przed uwierzytelnieniem. Jeśli go nie masz, najpierw zarejestruj się na stronie [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## Krok 3 — Wykonaj wywołanie narzędzia

    W czacie Cursor zapytaj:

    > "List my Flowstep files"

    Cursor wywołuje `list-files` i zwraca listę plików. Jeśli odpowiedź jest pusta, najpierw utwórz plik:

    > "Create a new Flowstep file called 'Dashboard'"

    ## Krok 4 — Wygeneruj ekran

    ```
    Create a new Flowstep file called "Login flow", then generate a mobile login screen
    for a SaaS app with email/password fields and a Google sign-in button.
    After it finishes, show me the image.
    ```

    Cursor wywołuje `create-new-design` (który tworzy plik i generuje ekrany w jednym kroku), a następnie `get-screen-image`. Zobaczysz wyrenderowany projekt wbudowany w czacie.
  </Tab>

  <Tab title="Claude Code">
    **Wymaga Claude Code CLI**

    ## Krok 1 — Dodaj serwer

    Utwórz `.mcp.json` w katalogu głównym projektu (zakres projektu) lub `~/.claude/mcp.json` (globalny):

    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "type": "http",
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```

    <Note>
      Pole `"type": "http"` jest wymagane dla serwerów Claude Code HTTP. Cursor tego nie potrzebuje.
    </Note>

    ## Krok 2 — Uwierzytelnienie

    Wykonaj dowolne narzędzie Flowstep z czatu Claude Code. Przy pierwszym użyciu Claude Code otwiera przeglądarkę w celu zalogowania się do Flowstep OAuth. Zaloguj się przy użyciu poświadczeń Flowstep (email/hasło lub Google). Przeglądarka przekierowuje z powrotem, a token jest automatycznie zapisywany.

    <Note>
      Potrzebujesz konta Flowstep przed uwierzytelnieniem. Jeśli go nie masz, najpierw zarejestruj się na stronie [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## Krok 3 — Wykonaj wywołanie narzędzia

    W czacie Claude Code zapytaj:

    > "List my Flowstep files"

    Claude Code wywołuje `list-files` i zwraca listę plików. Jeśli odpowiedź jest pusta, najpierw utwórz plik:

    > "Create a new Flowstep file called 'Dashboard'"

    ## Krok 4 — Wygeneruj ekran

    ```
    Create a new Flowstep file called "Login flow", then generate a mobile login screen
    for a SaaS app with email/password fields and a Google sign-in button.
    After it finishes, show me the image.
    ```

    Claude Code wywołuje `create-new-design` (który tworzy plik i generuje ekrany w jednym kroku), a następnie `get-screen-image`. Zobaczysz wyrenderowany projekt wbudowany w czacie.
  </Tab>
</Tabs>

## Następne kroki

* [Dokumentacja narzędzi](/pl/mcp/tools) — kompletna dokumentacja wejść/wyjść dla wszystkich 20 narzędzi
* [Przykłady](/pl/mcp/examples) — wieloetapowe przepływy pracy
* [Inni klienci](/pl/mcp/clients/claude-code) — Windsurf, Claude Desktop, claude.ai