Vai al contenuto principale

Configurazione

Aggiungi il server con la CLI di Claude Code:
Per condividere il server con tutti quelli che lavorano in un repository, aggiungilo invece a .mcp.json nella radice del progetto e fai il commit del file:
Il campo "type": "http" è obbligatorio per i server HTTP di Claude Code.

Autenticazione

Claude Code gestisce automaticamente il flusso OAuth 2.1 PKCE la prima volta che chiama uno strumento di Flowstep. Il browser apre la pagina di accesso di Flowstep. Accedi con le tue credenziali Flowstep (email/password o Google), fai clic su Allow nella schermata di consenso, e la CLI cattura il callback. Non c’è alcuna chiave API da creare o rigenerare.
Ti serve un account Flowstep prima di autenticarti. Crealo su app.flowstep.ai.

Verifica la connessione

Digita /mcp in una sessione di Claude Code. Flowstep dovrebbe risultare connesso, con i suoi strumenti disponibili. Poi chiedi:

Esempio di utilizzo

Claude Code chiama ai-design-screens → get-screen-image e mostra il render in linea. Poiché Claude Code ha già aperto il tuo repository, puoi continuare con “Now build this screen in our app”: può leggere il design con get-screen-jsx e implementarlo con i tuoi componenti.