Vai al contenuto principale
Flowstep espone i suoi strumenti di design tramite il Model Context Protocol, permettendo al tuo assistente AI di creare e iterare schermate UI senza uscire dal tuo editor. Il server è ospitato su https://api.flowstep.ai/mcp (trasporto HTTP in streaming). Nessun processo locale da eseguire.

Cosa puoi fare

Il server espone 19 strumenti divisi in sei categorie:
CategoriaStrumenti
Filecreate-file, list-files, get-file, update-file, delete-file
Schermatelist-screens, get-screen, get-screen-image, add-screen
Generazione AIcreate-new-design, regenerate-design, expand-design, edit-design, upload-attachment
Chatget-chat-history
Designget-design-guidelines, update-design-guidelines, delete-design-guidelines
Fatturazioneget-plan-details

Casi di utilizzo comuni

Genera schermate da un prompt — chiama create-new-design con una descrizione. Flowstep crea il file e le schermate in un unico passaggio. Chiama get-screen-image con gli screenIds restituiti per visualizzare il risultato in linea. Visualizza un componente React — carica il tuo file .jsx o .tsx tramite upload-attachment (usa mimeType: text/javascript), quindi passa l’allegato restituito a create-new-design con un messaggio che descrive il componente. Flowstep legge il sorgente e genera una schermata di design corrispondente. Itera su un design — chiama edit-design con un screenId di destinazione e istruzioni per modificarlo, oppure regenerate-design per rifare una schermata da zero. Mantieni le linee guida di design — chiama get-design-guidelines per recuperare le tue attuali regole di stile (colori, tipografia, spaziatura, tono), quindi usa update-design-guidelines per mantenerle sincronizzate mentre il tuo design evolve. Passare linee guida coerenti a create-new-design o edit-design garantisce che ogni schermata generata rimanga fedele al brand. Usa delete-design-guidelines per reimpostarle completamente. Controlla la quota — chiama get-plan-details per visualizzare l’utilizzo giornaliero e mensile rimanente prima di avviare un batch di generazioni.

Endpoint

https://api.flowstep.ai/mcp
Trasporto: HTTP in streaming. Modello di sessione: senza stato (ogni richiesta è indipendente, nessun ID sessione).

Passaggi successivi

Quickstart

Prima chiamata di strumento in meno di 5 minuti con Cursor.

Authentication

Come funziona OAuth 2.1 PKCE e come vengono emessi i token.

Tools

Riferimento input/output completo per tutti i 19 strumenti.

Examples

Flussi di lavoro end-to-end per attività comuni.