Ugrás a fő tartalomhoz
A Flowstep a Model Context Protocol segítségével teszi elérhetővé tervezési eszközeit, lehetővé téve, hogy az AI-asszisztensed felhasználói felület képernyőket hozzon létre és fejlesszen ki anélkül, hogy elhagyná a szerkesztődet. A szerver a https://api.flowstep.ai/mcp címen van üzemeltetva (Streamable HTTP szállítási protokoll). Nincs szükség helyi folyamat futtatására.

Mit tudsz csinálni

A szerver 19 eszközt tesz elérhetővé hat kategórián belül:
KategóriaEszközök
Fájlokcreate-file, list-files, get-file, update-file, delete-file
Képernyőklist-screens, get-screen, get-screen-image, add-screen
AI-alapú generáláscreate-new-design, regenerate-design, expand-design, edit-design, upload-attachment
Csevegésget-chat-history
Tervezésget-design-guidelines, update-design-guidelines, delete-design-guidelines
Számlázásget-plan-details

Gyakori használati esetek

Képernyők generálása promptból — hívj meg a create-new-design eszközt egy leírással. A Flowstep egy lépésben létrehozza a fájlt és a képernyőket. Hívj meg a get-screen-image eszközt a visszaadott screenIds azonosítóval az eredmény megtekintéséhez. React komponens megjelenítése — töltsd fel a .jsx vagy .tsx fájlodat a upload-attachment eszközön keresztül (használd a mimeType: text/javascript paraméter értéket), majd add át a visszaadott mellékletet a create-new-design eszköznek egy üzenettel, amely leírja a komponenst. A Flowstep beolvassa a forráskódot és generál egy megfelelő tervezési képernyőt. Tervezés iterálása — hívj meg az edit-design eszközt egy célképernyő (screenId) azonosítóval és módosítási utasításokkal, vagy használd a regenerate-design eszközt a képernyő nulláról való újrakészítéséhez. Tervezési irányelvek fenntartása — hívj meg a get-design-guidelines eszközt az aktuális stílusszabályok (színek, tipográfia, térköz, hangvétel) lekéréséhez, majd használd az update-design-guidelines eszközt, hogy szinkronban tartsd őket a tervezés fejlődésével. Konzisztens irányelvek átadása a create-new-design vagy edit-design eszközbe biztosítja, hogy minden generált képernyő megtartsa a márka identitását. Használd a delete-design-guidelines eszközt a teljes alaphelyzetbe állításhoz. Felhasználás ellenőrzése — hívj meg a get-plan-details eszközt, hogy láthassa a napi és havi felhasználás hátralevő részét a generálások kötegének indítása előtt.

Végpont

https://api.flowstep.ai/mcp
Szállítási protokoll: Streamable HTTP. Munkamenet típusa: állapot nélküli (minden kérés független, nincs munkamenet-azonosító).

Következő lépések

Gyorsindítás

Első eszközhívás 5 perc alatt a Cursor segítségével.

Hitelesítés

Az OAuth 2.1 PKCE működésének és a tokenek kiadásának elmagyarázása.

Eszközök

Teljes bemeneti/kimeneti referencia az összes 19 eszközhöz.

Példák

Végpontok közötti munkafolyamatok az általános feladatokhoz.