MCP-gyorsindítás

Előfeltételek

Flowstep-fiók (app.flowstep.ai)

Claude-ot használsz a claude.ai oldalon vagy a Claude Desktopon? A Flowstep szerepel a Claude összekötőkönyvtárában. Egy kattintással hozzáadhatod innen: claude.ai/directory/flowstep. Lásd: claude.ai.

Cursor
Claude Code

A Cursor v0.43+ verziója szükséges

1. lépés — A szerver hozzáadása

Kattints a Add Flowstep to Cursor gombra az egykattintásos telepítéshez. Vagy hozd létre vagy szerkeszd a ~/.cursor/mcp.json fájlt (globális), illetve a projekt gyökerében lévő .cursor/mcp.json fájlt:

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

Mentés után indítsd újra a Cursort.

2. lépés — Hitelesítés

Nyisd meg a Cursor MCP-panelját (Settings → MCP), és kattints a Flowstep melletti Connect gombra. A Cursor megnyitja a böngésződet a Flowstep bejelentkezési oldalán. Jelentkezz be a Flowstep-azonosítóiddal (e-mail/jelszó vagy Google), majd kattints az Allow gombra a hozzájárulási képernyőn. A böngésző visszairányít, a Cursor pedig automatikusan eltárolja a tokent.

A hitelesítés előtt szükséged van Flowstep-fiókra. Ha nincs, előbb regisztrálj az app.flowstep.ai oldalon.

3. lépés — Eszközhívás futtatása

Kérdezd meg egy Cursor-csevegésben:

„Sorold fel a Flowstep-fájljaimat”

A Cursor meghívja a list-files eszközt, és visszaadja a fájllistádat. Ha a válasz üres, előbb hozz létre egy fájlt:

„Hozz létre egy új Flowstep-fájlt ‘Dashboard’ néven”

4. lépés — Képernyő generálása

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

A Cursor először az ai-generate-screens eszközt hívja meg (ez egy lépésben új fájlt hoz létre, és generálja a képernyőket), majd a get-screen-image eszközt. A renderelt tervet a csevegésben látod.

Claude Code CLI szükséges

1. lépés — A szerver hozzáadása

Futtasd ezt a projektedben:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

A csapatoddal való megosztáshoz add hozzá a projekt gyökerében lévő .mcp.json fájlhoz:

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

A "type": "http" mező kötelező a Claude Code HTTP-szervereknél. A Cursornak nincs szüksége rá.

2. lépés — Hitelesítés

Futtass bármely Flowstep-eszközt egy Claude Code-csevegésből. Az első használatkor a Claude Code megnyitja a böngésződet a Flowstep bejelentkezési oldalán. Jelentkezz be a Flowstep-azonosítóiddal (e-mail/jelszó vagy Google), majd kattints az Allow gombra a hozzájárulási képernyőn. A böngésző visszairányít, a token pedig automatikusan eltárolódik. A Claude Code-ban írd be a /mcp parancsot, hogy ellenőrizd, a Flowstep csatlakoztatva van-e.

A hitelesítés előtt szükséged van Flowstep-fiókra. Ha nincs, előbb regisztrálj az app.flowstep.ai oldalon.

3. lépés — Eszközhívás futtatása

Kérdezd meg egy Claude Code-csevegésben:

„Sorold fel a Flowstep-fájljaimat”

A Claude Code meghívja a list-files eszközt, és visszaadja a fájllistádat. Ha a válasz üres, előbb hozz létre egy fájlt:

„Hozz létre egy új Flowstep-fájlt ‘Dashboard’ néven”

4. lépés — Képernyő generálása

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

A Claude Code először az ai-generate-screens eszközt hívja meg (ez egy lépésben új fájlt hoz létre, és generálja a képernyőket), majd a get-screen-image eszközt. A renderelt tervet a csevegésben látod.

Az ai-generate-screens és a többi AI-tervezőeszköz a Flowstep-üzenetkvótádat használja. A képernyők listázása, olvasása és renderelése ingyenes. Lásd: Használati korlátok.

További lépések

Eszközök referenciája: mind a 23 eszköz teljes bemeneti és kimeneti leírása
Példák: többlépéses munkafolyamatok
Egyéb kliensek: Windsurf, Codex, Claude Desktop, claude.ai

Első lépések

A Flowstep használata

Csapatok és szervezetek

Exportálás és integrációk

MCP-szerver

Számlázás és csomagok

Biztonság és adatvédelem

MCP-gyorsindítás

Előfeltételek

1. lépés — A szerver hozzáadása

2. lépés — Hitelesítés

3. lépés — Eszközhívás futtatása

4. lépés — Képernyő generálása

1. lépés — A szerver hozzáadása

2. lépés — Hitelesítés

3. lépés — Eszközhívás futtatása

4. lépés — Képernyő generálása

További lépések

​Előfeltételek

​1. lépés — A szerver hozzáadása

​2. lépés — Hitelesítés

​3. lépés — Eszközhívás futtatása

​4. lépés — Képernyő generálása

​1. lépés — A szerver hozzáadása

​2. lépés — Hitelesítés

​3. lépés — Eszközhívás futtatása

​4. lépés — Képernyő generálása

​További lépések

Előfeltételek

1. lépés — A szerver hozzáadása

2. lépés — Hitelesítés

3. lépés — Eszközhívás futtatása

4. lépés — Képernyő generálása

1. lépés — A szerver hozzáadása

2. lépés — Hitelesítés

3. lépés — Eszközhívás futtatása

4. lépés — Képernyő generálása

További lépések