MCP Gyors kezdés

Előfeltételek

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

Cursor
Claude Code

Cursor v0.43+ szükséges

1. lépés — Add hozzá a szervert

Hozz létre vagy szerkessz ~/.cursor/mcp.json (globális) vagy .cursor/mcp.json a projekt gyökerében:

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

Indítsd újra a Cursort a mentés után.

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

Nyisd meg a Cursor MCP panelt (Settings → MCP), és kattints a Connect lehetőségre a Flowstep mellett. A Cursor megnyitja a böngészt a Flowstep OAuth bejelentkezéséhez. Jelentkezz be a Flowstep hitelesítő adataiddal (e-mail/jelszó vagy Google). A böngésző visszatér, és a Cursor automatikusan eltárol a tokent.

A hitelesítés előtt szükséged van egy Flowstep fiókra. Ha nem rendelkezel eggyel, először regisztrálj a app.flowstep.ai oldalon.

3. lépés — Futtass le egy eszközhívást

Egy Cursor csevegésben kérd meg:

“List my Flowstep files”

A Cursor meghívja a list-files-t, és visszaadja a fájllistádat. Ha az eredmény üres, először hozz létre egy fájlt:

“Create a new Flowstep file called ‘Dashboard‘“

4. lépés — Generálj egy képernyőt

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.

A Cursor meghívja a create-new-design-t (amely egy lépésben létrehozza a fájlt és generálja a képernyőket), majd a get-screen-image-t. Az így előállt tervet a csevegésben beágyazva fogod látni.

Claude Code CLI szükséges

1. lépés — Add hozzá a szervert

Hozz létre .mcp.json-t a projekt gyökerében (projekt-hatáskörű) vagy ~/.claude/mcp.json (globális):

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

A "type": "http" mező szükséges a Claude Code HTTP szerverekhez. A Cursor nem igényli.

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

Futtass le bármilyen Flowstep-eszközt egy Claude Code csevegésből. Az első használaton a Claude Code megnyitja a böngészt a Flowstep OAuth bejelentkezéséhez. Jelentkezz be a Flowstep hitelesítő adataiddal (e-mail/jelszó vagy Google). A böngésző visszatér, és a token automatikusan elmentésre kerül.

A hitelesítés előtt szükséged van egy Flowstep fiókra. Ha nem rendelkezel eggyel, először regisztrálj a app.flowstep.ai oldalon.

3. lépés — Futtass le egy eszközhívást

Egy Claude Code csevegésben kérd meg:

“List my Flowstep files”

A Claude Code meghívja a list-files-t, és visszaadja a fájllistádat. Ha az eredmény üres, először hozz létre egy fájlt:

“Create a new Flowstep file called ‘Dashboard‘“

4. lépés — Generálj egy képernyőt

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.

A Claude Code meghívja a create-new-design-t (amely egy lépésben létrehozza a fájlt és generálja a képernyőket), majd a get-screen-image-t. Az így előállt tervet a csevegésben beágyazva fogod látni.

Következő lépések

Eszközök referencia — teljes be-/kimenet dokumentáció az összes 20 eszközhöz
Példák — többlépéses munkafolyamatok
Egyéb ügyfelek — Windsurf, 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 Gyors kezdés

Előfeltételek

1. lépés — Add hozzá a szervert

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

3. lépés — Futtass le egy eszközhívást

4. lépés — Generálj egy képernyőt

1. lépés — Add hozzá a szervert

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

3. lépés — Futtass le egy eszközhívást

4. lépés — Generálj egy képernyőt

Következő lépések

​Előfeltételek

​1. lépés — Add hozzá a szervert

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

​3. lépés — Futtass le egy eszközhívást

​4. lépés — Generálj egy képernyőt

​1. lépés — Add hozzá a szervert

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

​3. lépés — Futtass le egy eszközhívást

​4. lépés — Generálj egy képernyőt

​Következő lépések

Előfeltételek

1. lépés — Add hozzá a szervert

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

3. lépés — Futtass le egy eszközhívást

4. lépés — Generálj egy képernyőt

1. lépés — Add hozzá a szervert

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

3. lépés — Futtass le egy eszközhívást

4. lépés — Generálj egy képernyőt

Következő lépések