MCP-hurtigstart

Forutsetninger

En Flowstep-konto (app.flowstep.ai)

Bruker du Claude på claude.ai eller i Claude Desktop? Flowstep er en oppført konnektor i Claudes katalog. Legg den til med ett klikk fra claude.ai/directory/flowstep. Se claude.ai.

Cursor
Claude Code

Krever Cursor v0.43+

Steg 1 — Legg til serveren

Klikk Add Flowstep to Cursor for å installere den med ett klikk, eller opprett eller rediger ~/.cursor/mcp.json (global) eller .cursor/mcp.json i prosjektroten:

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

Start Cursor på nytt etter at du har lagret.

Steg 2 — Autentiser

Åpne Cursor-MCP-panelet (Settings → MCP) og klikk Connect ved siden av Flowstep. Cursor åpner nettleseren din på Flowstep-innloggingssiden. Logg inn med Flowstep-legitimasjonen din (e-post og passord eller Google), og klikk deretter Allow på samtykkeskjermen. Nettleseren sender deg tilbake, og Cursor lagrer tokenet automatisk.

Du trenger en Flowstep-konto før du autentiserer deg. Hvis du ikke har en, registrerer du deg på app.flowstep.ai først.

Steg 3 — Kjør et verktøykall

Spør dette i en Cursor-chat:

“List my Flowstep files”

Cursor kaller list-files og returnerer fillisten din. Hvis svaret er tomt, oppretter du en fil først:

“Create a new Flowstep file called ‘Dashboard‘“

Steg 4 — Generer en skjerm

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 kaller ai-design-screens (som oppretter en ny fil og genererer skjermene i ett steg), og deretter get-screen-image. Du ser det gjengitte designet inline i chatten.

Krever Claude Code CLI

Steg 1 — Legg til serveren

Kjør dette i prosjektet ditt:

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

For å dele serveren med teamet ditt, legger du den i .mcp.json i prosjektroten i stedet:

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

Feltet "type": "http" er påkrevd for HTTP-servere i Claude Code. Cursor trenger det ikke.

Steg 2 — Autentiser

Kjør et hvilket som helst Flowstep-verktøy fra en Claude Code-chat. Ved første bruk åpner Claude Code nettleseren din på Flowstep-innloggingssiden. Logg inn med Flowstep-legitimasjonen din (e-post og passord eller Google), og klikk deretter Allow på samtykkeskjermen. Nettleseren sender deg tilbake, og tokenet lagres automatisk. Skriv /mcp i Claude Code for å sjekke at Flowstep er tilkoblet.

Du trenger en Flowstep-konto før du autentiserer deg. Hvis du ikke har en, registrerer du deg på app.flowstep.ai først.

Steg 3 — Kjør et verktøykall

Spør dette i en Claude Code-chat:

“List my Flowstep files”

Claude Code kaller list-files og returnerer fillisten din. Hvis svaret er tomt, oppretter du en fil først:

“Create a new Flowstep file called ‘Dashboard‘“

Steg 4 — Generer en skjerm

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 kaller ai-design-screens (som oppretter en ny fil og genererer skjermene i ett steg), og deretter get-screen-image. Du ser det gjengitte designet inline i chatten.

ai-design-screens og de andre AI-designverktøyene bruker meldingskvoten din i Flowstep. Å liste, lese og gjengi skjermer er gratis. Se Bruksgrenser.

Neste steg

Verktøyreferanse — fullstendig inndata- og utdatadokumentasjon for alle 22 verktøy
Eksempler — arbeidsflyter med flere steg
Andre klienter — Windsurf, Codex, Claude Desktop, claude.ai

Kom i gang

Bruke Flowstep

Team og organisasjoner

Eksport og integrasjoner

MCP-server

Fakturering og abonnementer

Sikkerhet og personvern

Forutsetninger

Steg 1 — Legg til serveren

Steg 2 — Autentiser

Steg 3 — Kjør et verktøykall

Steg 4 — Generer en skjerm

Steg 1 — Legg til serveren

Steg 2 — Autentiser

Steg 3 — Kjør et verktøykall

Steg 4 — Generer en skjerm

Neste steg

​Forutsetninger

​Steg 1 — Legg til serveren

​Steg 2 — Autentiser

​Steg 3 — Kjør et verktøykall

​Steg 4 — Generer en skjerm

​Steg 1 — Legg til serveren

​Steg 2 — Autentiser

​Steg 3 — Kjør et verktøykall

​Steg 4 — Generer en skjerm

​Neste steg

Forutsetninger

Steg 1 — Legg til serveren

Steg 2 — Autentiser

Steg 3 — Kjør et verktøykall

Steg 4 — Generer en skjerm

Steg 1 — Legg til serveren

Steg 2 — Autentiser

Steg 3 — Kjør et verktøykall

Steg 4 — Generer en skjerm

Neste steg