Průvodce rychlým startem MCP

Předpoklady

Účet Flowstep (app.flowstep.ai)

Cursor
Claude Code

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:

{
  "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.

Před ověřením potřebujete účet Flowstep. Pokud ho nemáte, zaregistrujte se nejdřív na adrese app.flowstep.ai.

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.

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í):

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Pole "type": "http" je povinné pro servery Claude Code HTTP. Cursor ho nepotřebuje.

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ží.

Před ověřením potřebujete účet Flowstep. Pokud ho nemáte, zaregistrujte se nejdřív na adrese app.flowstep.ai.

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.

Další kroky

Referenční dokumentace nástrojů — úplná dokumentace vstupu/výstupu pro všech 20 nástrojů
Příklady — víceúrovňové pracovní postupy
Další klienti — Windsurf, Claude Desktop, claude.ai

Začínáme

Používání Flowstep

Týmy a organizace

Export a integrace

MCP server

Fakturace a tarify

Zabezpečení a soukromí

Průvodce rychlým startem MCP

Předpoklady

Krok 1 — Přidejte server

Krok 2 — Ověřte si identitu

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

Krok 4 — Vygenerujte obrazovku

Krok 1 — Přidejte server

Krok 2 — Ověřte si identitu

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

Krok 4 — Vygenerujte obrazovku

Další kroky

​Předpoklady

​Krok 1 — Přidejte server

​Krok 2 — Ověřte si identitu

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

​Krok 4 — Vygenerujte obrazovku

​Krok 1 — Přidejte server

​Krok 2 — Ověřte si identitu

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

​Krok 4 — Vygenerujte obrazovku

​Další kroky

Předpoklady

Krok 1 — Přidejte server

Krok 2 — Ověřte si identitu

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

Krok 4 — Vygenerujte obrazovku

Krok 1 — Přidejte server

Krok 2 — Ověřte si identitu

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

Krok 4 — Vygenerujte obrazovku

Další kroky