MCP Hurtig start

Forudsætninger

En Flowstep-konto (app.flowstep.ai)

Cursor
Claude Code

Kræver Cursor v0.43+

Trin 1 — Tilføj serveren

Opret eller rediger ~/.cursor/mcp.json (global) eller .cursor/mcp.json i din projektrod:

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

Genstart Cursor efter gemning.

Trin 2 — Godkend

Åbn Cursor MCP-panelet (Indstillinger → MCP) og klik på Connect ved siden af Flowstep. Cursor åbner din browser til Flowstep OAuth-login. Log ind med dine Flowstep-legitimationsoplysninger (email/adgangskode eller Google). Browseren omdirigeres tilbage, og Cursor gemmer tokenet automatisk.

Du skal have en Flowstep-konto før godkendelse. Hvis du ikke har en, skal du tilmelde dig på app.flowstep.ai først.

Trin 3 — Kør et værktøjskald

I en Cursor-chat skal du spørge:

“List my Flowstep files”

Cursor kalder list-files og returnerer din filliste. Hvis svaret er tomt, skal du oprette en fil først:

“Create a new Flowstep file called ‘Dashboard‘“

Trin 4 — Generer en skærm

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 kalder create-new-design (som opretter filen og genererer skærmene i et skridt), derefter get-screen-image. Du vil se det gengivne design direkte i chatten.

Kræver Claude Code CLI

Trin 1 — Tilføj serveren

Opret .mcp.json i din projektrod (projektomfattet) eller ~/.claude/mcp.json (global):

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

Feltet "type": "http" er påkrævet for Claude Code HTTP-servere. Cursor har ikke brug for det.

Trin 2 — Godkend

Kør ethvert Flowstep-værktøj fra en Claude Code-chat. Ved første brug åbner Claude Code din browser til Flowstep OAuth-login. Log ind med dine Flowstep-legitimationsoplysninger (email/adgangskode eller Google). Browseren omdirigeres tilbage, og tokenet gemmes automatisk.

Du skal have en Flowstep-konto før godkendelse. Hvis du ikke har en, skal du tilmelde dig på app.flowstep.ai først.

Trin 3 — Kør et værktøjskald

I en Claude Code-chat skal du spørge:

“List my Flowstep files”

Claude Code kalder list-files og returnerer din filliste. Hvis svaret er tomt, skal du oprette en fil først:

“Create a new Flowstep file called ‘Dashboard‘“

Trin 4 — Generer en skærm

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 kalder create-new-design (som opretter filen og genererer skærmene i et skridt), derefter get-screen-image. Du vil se det gengivne design direkte i chatten.

Næste trin

Værktøjsreference — fuld input/output-dokumentation for alle 20 værktøjer
Eksempler — arbejdsgange med flere skridt
Andre klienter — Windsurf, Claude Desktop, claude.ai

Kom godt i gang

Brug af Flowstep

Teams og organisationer

Eksport og integrationer

MCP-server

Fakturering og abonnementer

Sikkerhed og privatliv

Forudsætninger

Trin 1 — Tilføj serveren

Trin 2 — Godkend

Trin 3 — Kør et værktøjskald

Trin 4 — Generer en skærm

Trin 1 — Tilføj serveren

Trin 2 — Godkend

Trin 3 — Kør et værktøjskald

Trin 4 — Generer en skærm

Næste trin

​Forudsætninger

​Trin 1 — Tilføj serveren

​Trin 2 — Godkend

​Trin 3 — Kør et værktøjskald

​Trin 4 — Generer en skærm

​Trin 1 — Tilføj serveren

​Trin 2 — Godkend

​Trin 3 — Kør et værktøjskald

​Trin 4 — Generer en skærm

​Næste trin

Forudsætninger

Trin 1 — Tilføj serveren

Trin 2 — Godkend

Trin 3 — Kør et værktøjskald

Trin 4 — Generer en skærm

Trin 1 — Tilføj serveren

Trin 2 — Godkend

Trin 3 — Kør et værktøjskald

Trin 4 — Generer en skærm

Næste trin