MCP-hurtigstart

Forudsætninger

En Flowstep-konto (app.flowstep.ai)

Bruger du Claude på claude.ai eller Claude Desktop? Flowstep er en opført connector i Claudes katalog. Tilføj den med ét klik fra claude.ai/directory/flowstep. Se claude.ai.

Cursor
Claude Code

Kræver Cursor v0.43+

Trin 1 — Tilføj serveren

Klik på Add Flowstep to Cursor for at installere den med ét klik, eller opret eller rediger ~/.cursor/mcp.json (global) eller .cursor/mcp.json i din projektrod:

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

Genstart Cursor, når du har gemt.

Trin 2 — Godkend

Åbn Cursor MCP-panelet (Settings → MCP), og klik på Connect ved siden af Flowstep. Cursor åbner din browser til Flowsteps loginside. Log ind med dine Flowstep-legitimationsoplysninger (email/password eller Google), og klik derefter på Allow på samtykkeskærmen. Browseren sender dig tilbage, og Cursor gemmer tokenet automatisk.

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

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

I en Cursor-chat skal du spørge:

“Vis mine Flowstep-filer”

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

“Opret en ny Flowstep-fil ved navn ‘Dashboard‘“

Trin 4 — Generér en skærm

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.

Cursor kalder ai-design-screens (som opretter en ny fil og genererer skærmene i ét trin) og derefter get-screen-image. Du ser det renderede design inline i chatten.

Kræver Claude Code CLI

Trin 1 — Tilføj serveren

Kør dette i dit projekt:

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

For at dele serveren med dit team skal du i stedet tilføje den til .mcp.json i din projektrod:

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

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

Trin 2 — Godkend

Kør et Flowstep-værktøj fra en Claude Code-chat. Første gang det bruges, åbner Claude Code din browser til Flowsteps loginside. Log ind med dine Flowstep-legitimationsoplysninger (email/password eller Google), og klik derefter på Allow på samtykkeskærmen. Browseren sender dig tilbage, og tokenet gemmes automatisk. Skriv /mcp i Claude Code for at kontrollere, at Flowstep er forbundet.

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

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

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

“Vis mine Flowstep-filer”

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

“Opret en ny Flowstep-fil ved navn ‘Dashboard‘“

Trin 4 — Generér en skærm

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.

Claude Code kalder ai-design-screens (som opretter en ny fil og genererer skærmene i ét trin) og derefter get-screen-image. Du ser det renderede design inline i chatten.

ai-design-screens og de andre AI-designværktøjer trækker på din Flowstep-beskedkvote. Listning, læsning og rendering af skærme er gratis. Se Brugsgrænser.

Næste trin

Værktøjsreference — fuld input- og outputdokumentation for alle 22 værktøjer
Eksempler — workflows med flere trin
Andre klienter — Windsurf, Codex, 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 — Generér en skærm

Trin 1 — Tilføj serveren

Trin 2 — Godkend

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

Trin 4 — Generér 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 — Generér en skærm

​Trin 1 — Tilføj serveren

​Trin 2 — Godkend

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

​Trin 4 — Generér 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 — Generér en skærm

Trin 1 — Tilføj serveren

Trin 2 — Godkend

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

Trin 4 — Generér en skærm

Næste trin