Saltar al contingut principal
Flowstep exposa les seves eines de disseny a través del Model Context Protocol, permetent al vostre assistent d’IA crear i iterar sobre la pantalla sense sortir de l’editor. El servidor s’allotja a https://api.flowstep.ai/mcp (transport Streamable HTTP). Cap procés local a executar.

Què podeu fer

El servidor exposa 19 eines en sis categories:
CategoriaEines
Fitxerscreate-file, list-files, get-file, update-file, delete-file
Pantalleslist-screens, get-screen, get-screen-image, add-screen
Generació d’IAcreate-new-design, regenerate-design, expand-design, edit-design, upload-attachment
Xatget-chat-history
Dissenyget-design-guidelines, update-design-guidelines, delete-design-guidelines
Facturacióget-plan-details

Casos d’ús comuns

Generar pantalles des d’un prompt — crideu create-new-design amb una descripció. Flowstep crea el fitxer i les pantalles en un pas. Crideu get-screen-image amb els screenIds retornats per veure el resultat en línia. Visualitzar un component React — carregueu el fitxer .jsx o .tsx a través de upload-attachment (useu mimeType: text/javascript), a continuació passeu l’adjunt retornat a create-new-design amb un missatge que describi el component. Flowstep llegeix la font i genera una pantalla de disseny coincident. Iterar en un disseny — crideu edit-design amb un screenId objectiu i instruccions per modificar-lo, o regenerate-design per refer una pantalla des de zero. Mantenir directrius de disseny — crideu get-design-guidelines per recuperar les vostres normes d’estil actuals (colors, tipografia, espaiat, to), a continuació useu update-design-guidelines per mantenir-les sincronitzades mentre el vostre disseny evoluciona. Passar directrius coherents a create-new-design o edit-design assegura que cada pantalla generada mantingui la marca. Useu delete-design-guidelines per restablir-les completament. Auditar la quota — crideu get-plan-details per veure l’ús restant diari i mensual abans de iniciar una tanda de generacions.

Punt final

https://api.flowstep.ai/mcp
Transport: Streamable HTTP. Model de sessió: sense estat (cada sol·licitud és independent, sense ID de sessió).

Passos següents

Inici ràpid

Primera crida d’eina en menys de 5 minuts amb Cursor.

Autenticació

Com funciona OAuth 2.1 PKCE i com s’emeten els tokens.

Eines

Referència completa d’entrada/sortida per a totes les 19 eines.

Exemples

Fluxos de treball de punta a punta per a tasques comunes.