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

# Průvodce rychlým startem MCP

> Připojte Flowstep k vašemu editoru AI a spusťte své první volání nástroje.

## Předpoklady

* Účet Flowstep ([app.flowstep.ai](https://app.flowstep.ai))

<Tabs>
  <Tab title="Cursor">
    **Vyžaduje Cursor v0.43+**

    ## Krok 1 — Přidejte server

    Vytvořte nebo upravte `~/.cursor/mcp.json` (globální) nebo `.cursor/mcp.json` v kořenu vašeho projektu:

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

    Restartujte Cursor po uložení.

    ## Krok 2 — Ověřte si identitu

    Otevřete panel Cursor MCP (Settings → MCP) a klikněte na **Connect** vedle Flowstep. Cursor otevře váš prohlížeč na přihlašovací stránku Flowstep OAuth. Přihlaste se pomocí vašich pověření Flowstep (e-mail/heslo nebo Google). Prohlížeč vás přesměruje zpět a Cursor automaticky uloží token.

    <Note>
      Před ověřením potřebujete účet Flowstep. Pokud ho nemáte, zaregistrujte se nejdřív na adrese [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## Krok 3 — Spusťte volání nástroje

    V chatu Cursor se zeptejte:

    > "List my Flowstep files"

    Cursor zavolá `list-files` a vrátí váš seznam souborů. Pokud je odpověď prázdná, nejdřív vytvořte soubor:

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

    ## Krok 4 — Vygenerujte obrazovku

    ```
    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 zavolá `create-new-design` (která vytvoří soubor a vygeneruje obrazovky v jednom kroku), poté `get-screen-image`. Vygenerovaný design se vám zobrazí přímo v chatu.
  </Tab>

  <Tab title="Claude Code">
    **Vyžaduje Claude Code CLI**

    ## Krok 1 — Přidejte server

    Vytvořte `.mcp.json` v kořenu vašeho projektu (vázáno na projekt) nebo `~/.claude/mcp.json` (globální):

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

    <Note>
      Pole `"type": "http"` je povinné pro servery Claude Code HTTP. Cursor ho nepotřebuje.
    </Note>

    ## Krok 2 — Ověřte si identitu

    Spusťte libovolný nástroj Flowstep z chatu Claude Code. Při prvním použití Claude Code otevře váš prohlížeč na přihlašovací stránku Flowstep OAuth. Přihlaste se pomocí vašich pověření Flowstep (e-mail/heslo nebo Google). Prohlížeč vás přesměruje zpět a token se automaticky uloží.

    <Note>
      Před ověřením potřebujete účet Flowstep. Pokud ho nemáte, zaregistrujte se nejdřív na adrese [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## Krok 3 — Spusťte volání nástroje

    V chatu Claude Code se zeptejte:

    > "List my Flowstep files"

    Claude Code zavolá `list-files` a vrátí váš seznam souborů. Pokud je odpověď prázdná, nejdřív vytvořte soubor:

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

    ## Krok 4 — Vygenerujte obrazovku

    ```
    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 zavolá `create-new-design` (která vytvoří soubor a vygeneruje obrazovky v jednom kroku), poté `get-screen-image`. Vygenerovaný design se vám zobrazí přímo v chatu.
  </Tab>
</Tabs>

## Další kroky

* [Referenční dokumentace nástrojů](/cs/mcp/tools) — úplná dokumentace vstupu/výstupu pro všech 20 nástrojů
* [Příklady](/cs/mcp/examples) — víceúrovňové pracovní postupy
* [Další klienti](/cs/mcp/clients/claude-code) — Windsurf, Claude Desktop, claude.ai