Hoppa till huvudinnehåll

​
Förutsättningar

Kräver Cursor v0.43+

​
Steg 1 — Lägg till servern

Skapa eller redigera ~/.cursor/mcp.json (global) eller .cursor/mcp.json i din projektrots:
{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}
Starta om Cursor efter sparande.

​
Steg 2 — Autentisera

Öppna Cursor MCP-panelen (Settings → MCP) och klicka på Connect bredvid Flowstep. Cursor öppnar din webbläsare till Flowstep OAuth-inloggningen. Logga in med dina Flowstep-autentiseringsuppgifter (e-post/lösenord eller Google). Webbläsaren omdirigerar tillbaka och Cursor lagrar token automatiskt.
Du behöver ett Flowstep-konto före autentisering. Om du inte har ett, registrera dig på app.flowstep.ai först.

​
Steg 3 — Kör ett verktygsanrop

I en Cursor-chatt, fråga:
“Lista mina Flowstep-filer”
Cursor anropar list-files och returnerar din fillista. Om svaret är tomt, skapa en fil först:
“Skapa en ny Flowstep-fil som heter ‘Dashboard‘“

​
Steg 4 — Generera en skärm

Skapa en ny Flowstep-fil som heter "Login flow", generera sedan en mobil inloggningsskärm
för en SaaS-app med e-post/lösenord-fält och en Google-inloggningsknapp.
När det är klart, visa mig bilden.
Cursor anropar create-new-design (som skapar filen och genererar skärmarna i ett steg), sedan get-screen-image. Du ser den renderade designen inline i chatten.

​
Nästa steg