https://api.flowstep.ai/mcp címen érhető el (Streamable HTTP-átvitel). Nincs helyi folyamat, amit futtatni kellene, és nincs API-kulcs, amit kezelni kellene. A kliensek a Flowstep-fiókoddal, OAuth-on keresztül jelentkeznek be.
Mit tehetsz
A szerver nyolc kategóriába sorolt 22 eszközt tesz elérhetővé:
A három AI-tervezés eszköz ugyanazt az üzenetkvótát használja, mint a Flowstep-alkalmazás. Minden más eszköz ingyenes. Lásd: Használati korlátok.
Gyakori felhasználási esetek
Képernyők generálása promptból: hívd meg azai-design-screens eszközt egy leírással. Ha a fileId mezőt kihagyod, a Flowstep egy lépésben létrehozza a fájlt és a képernyőket. Minden visszaadott screenId-hez hívd meg a get-screen-image eszközt, hogy az eredményt a beszélgetésben lásd.
React-komponens vizualizálása: töltsd fel a .jsx vagy .tsx forrásfájlt az upload-attachment eszközzel (mimeType: text/javascript), majd add át a visszakapott mellékletet az ai-design-screens eszköznek egy olyan üzenettel, amely leírja a képernyőt. A Flowstep beolvassa a forrást, és illeszkedő tervet generál.
Terv iterálása: hívd meg az ai-design-screens eszközt az elementIds mezőben megadott egy vagy több screenId-vel (vagy egyedi elem-azonosítókkal) és szabad formájú utasításokkal, hogy helyben módosítsd őket. Ugyanaz a hívás új képernyőket is hozzáadhat, így egyetlen kérés szerkeszthet egy képernyőt, és építheti a következőt. Az ai-edit-screen-variant eszközzel egy előbeállítást, például sötét témát vagy másik elrendezést, alkalmazhatsz egy teljes képernyőre.
Folyam bővítése: hívd meg az ai-generate-screen-variant eszközt, hogy hozzáadd a következő képernyőt, egy hiba- vagy üres állapotot, vagy egy meglévő képernyő webes, tablet- vagy mobil változatát.
Kódközpontú munka: olvass be bármely képernyőt JSX-ként a get-screen-jsx eszközzel, majd írd vissza a saját JSX-edet az add-screen-jsx (új képernyő) vagy a replace-screen-jsx (meglévő felülírása) eszközzel. Saját képekhez töltsd fel őket az upload-attachment eszközzel, és a visszakapott assetUrl értéket illeszd be a JSX-edbe. Ezek az eszközök ingyenesek.
Márkahű kimenet: az update-design-guidelines eszközzel tárold a színeidet, tipográfiádat és komponensszabályaidat egy fájlon DESIGN.md szövegként. Az AI-generálások ezt követik. Visszaolvasáshoz használd a get-design-guidelines eszközt, vagy töröld a delete-design-guidelines eszközzel.
Import Figmából: hívd meg az import-figma eszközt egy Figma-keret hivatkozásával és egy fileId-vel, hogy a keretet szerkeszthető elemekként a vászonra hozd. A fájl szervezetének előbb csatlakoztatnia kell a Figmát.
Kvóta ellenőrzése: hívd meg a get-plan-details eszközt, hogy lásd a csomagodat, a használatodat és a hátralévő üzeneteidet egy generálási köteg előtt.
Végpont
2026-07-28 protokollverziót támogatja, amelyet a https://api.flowstep.ai/.well-known/mcp.json címen hirdet meg. A korábbi 2025-11-25 protokollt használó kliensek ugyanahhoz a végponthoz csatlakoznak.
Következő lépések
Gyorsindítás
Csatlakoztass egy klienst, és futtasd le az első eszközhívásodat.
Hitelesítés
Hogyan működik az OAuth 2.1 PKCE-bejelentkezés és a jóváhagyás.
Eszközök
Mind a 22 eszköz teljes bemeneti és kimeneti referenciája.
Példák
Teljes körű munkafolyamatok gyakori feladatokhoz.