Guida rapida MCP

Prerequisiti

Un account Flowstep (app.flowstep.ai)

Cursor
Claude Code

Richiede Cursor v0.43+

Passaggio 1 — Aggiungere il server

Crea o modifica ~/.cursor/mcp.json (globale) o .cursor/mcp.json nella radice del tuo progetto:

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

Riavvia Cursor dopo il salvataggio.

Passaggio 2 — Autentica

Apri il pannello MCP di Cursor (Settings → MCP) e fai clic su Connect accanto a Flowstep. Cursor apre il tuo browser al login OAuth di Flowstep. Accedi con le tue credenziali Flowstep (email/password o Google). Il browser reindirizza indietro e Cursor memorizza il token automaticamente.

Hai bisogno di un account Flowstep prima di autenticarti. Se non ne hai uno, iscriviti su app.flowstep.ai prima.

Passaggio 3 — Esegui una chiamata dello strumento

In una chat di Cursor, chiedi:

“List my Flowstep files”

Cursor chiama list-files e restituisce il tuo elenco di file. Se la risposta è vuota, crea prima un file:

“Create a new Flowstep file called ‘Dashboard‘“

Passaggio 4 — Genera una schermata

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 chiama create-new-design (che crea il file e genera le schermate in un unico passaggio), quindi get-screen-image. Vedrai il design renderizzato in linea nella chat.

Richiede Claude Code CLI

Passaggio 1 — Aggiungi il server

Crea .mcp.json nella radice del tuo progetto (scope del progetto) o ~/.claude/mcp.json (globale):

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

Il campo "type": "http" è obbligatorio per i server HTTP di Claude Code. Cursor non lo richiede.

Passaggio 2 — Autentica

Esegui qualsiasi strumento Flowstep da una chat di Claude Code. Al primo utilizzo, Claude Code apre il tuo browser al login OAuth di Flowstep. Accedi con le tue credenziali Flowstep (email/password o Google). Il browser reindirizza indietro e il token viene memorizzato automaticamente.

Hai bisogno di un account Flowstep prima di autenticarti. Se non ne hai uno, iscriviti su app.flowstep.ai prima.

Passaggio 3 — Esegui una chiamata dello strumento

In una chat di Claude Code, chiedi:

“List my Flowstep files”

Claude Code chiama list-files e restituisce il tuo elenco di file. Se la risposta è vuota, crea prima un file:

“Create a new Flowstep file called ‘Dashboard‘“

Passaggio 4 — Genera una schermata

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 chiama create-new-design (che crea il file e genera le schermate in un unico passaggio), quindi get-screen-image. Vedrai il design renderizzato in linea nella chat.

Passaggi successivi

Riferimento strumenti — documentazione completa input/output per tutti i 20 strumenti
Esempi — workflow multi-step
Altri client — Windsurf, Claude Desktop, claude.ai

Per iniziare

Usare Flowstep

Team e organizzazioni

Esportazione e integrazioni

Server MCP

Fatturazione e piani

Sicurezza e privacy

Prerequisiti

Passaggio 1 — Aggiungere il server

Passaggio 2 — Autentica

Passaggio 3 — Esegui una chiamata dello strumento

Passaggio 4 — Genera una schermata

Passaggio 1 — Aggiungi il server

Passaggio 2 — Autentica

Passaggio 3 — Esegui una chiamata dello strumento

Passaggio 4 — Genera una schermata

Passaggi successivi

​Prerequisiti

​Passaggio 1 — Aggiungere il server

​Passaggio 2 — Autentica

​Passaggio 3 — Esegui una chiamata dello strumento

​Passaggio 4 — Genera una schermata

​Passaggio 1 — Aggiungi il server

​Passaggio 2 — Autentica

​Passaggio 3 — Esegui una chiamata dello strumento

​Passaggio 4 — Genera una schermata

​Passaggi successivi

Prerequisiti

Passaggio 1 — Aggiungere il server

Passaggio 2 — Autentica

Passaggio 3 — Esegui una chiamata dello strumento

Passaggio 4 — Genera una schermata

Passaggio 1 — Aggiungi il server

Passaggio 2 — Autentica

Passaggio 3 — Esegui una chiamata dello strumento

Passaggio 4 — Genera una schermata

Passaggi successivi