Saltar al contingut principal

​
Requisits previs

Requereix Cursor v0.43+

​
Pas 1 — Afegeix el servidor

Crea o edita ~/.cursor/mcp.json (global) o .cursor/mcp.json a la root del teu projecte:
{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}
Reinicia Cursor després de guardar.

​
Pas 2 — Autentica’t

Obri el panell MCP de Cursor (Configuració → MCP) i feu clic a Connecta al costat de Flowstep. Cursor obri el teu navegador a l’inici de sessió OAuth de Flowstep. Inicia sessió amb les teves credencials de Flowstep (correu electrònic/contrasenya o Google). El navegador et redirigeix enrere i Cursor emmagatzema el token automàticament.
Necessites un compte de Flowstep abans d’autenticar-te. Si no en tens un, registra’t a app.flowstep.ai primer.

​
Pas 3 — Executa una crida de ferramenta

En un xat de Cursor, pregunta:
“Llista els meus fitxers de Flowstep”
Cursor crida a list-files i retorna la teva llista de fitxers. Si la resposta està buida, crea un fitxer primer:
“Crea un nou fitxer de Flowstep anomenat ‘Dashboard‘“

​
Pas 4 — Genera una pantalla

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 crida a create-new-design (que crea el fitxer i genera les pantalles en un pas), a continuació get-screen-image. Veuràs el disseny representat en línia al xat.

​
Passos següents