https://api.flowstep.ai/mcp (přenos Streamable HTTP). Není potřeba spouštět žádný místní proces.
Co můžete dělat
Server zveřejňuje 20 nástrojů napříč sedmi kategoriemi:Běžné příklady použití
Generujte obrazovky z promptu — zavolejtecreate-new-design s popisem. Flowstep vytvoří soubor a obrazovky v jednom kroku. Zavolejte get-screen-image s vráceným screenIds a zobrazte výsledek vloženě.
Vizualizujte komponentu React — nahrajte váš soubor .jsx nebo .tsx přes upload-attachment (použijte mimeType: text/javascript), poté předejte vrácenou přílohu do create-new-design se zprávou popisující komponentu. Flowstep přečte zdroj a vygeneruje odpovídající obrazovku designu.
Iterujte design — zavolejte edit-design s cílovou screenId a pokyny k úpravě, nebo regenerate-design a předělejte obrazovku od nuly.
Udržujte designové pokyny — zavolejte get-design-guidelines a získejte své aktuální pravidla stylu (barvy, typografie, mezery, tón), poté použijte update-design-guidelines a udržujte je v synchronizaci, jak se váš design vyvíjí. Předání konzistentních pokynů do create-new-design nebo edit-design zajistí, že každá generovaná obrazovka zůstane v souladu s vaší značkou. Použijte delete-design-guidelines a zcela je resetujte.
Importujte z Figmy — zavolejte import-figma s odkazem na rámeček Figmy a fileId a přiveďte rámeček do souboru Flowstep jako editovatelné prvky. Organizace souboru musí mít nejdřív připojenou Figmu.
Auditujte kvótu — zavolejte get-plan-details a zobrazte zbývající denní a měsíční použití před spuštěním dávky generování.
Koncový bod
Další kroky
Rychlý start
První volání nástroje za méně než 5 minut s Cursor.
Ověřování
Jak funguje OAuth 2.1 PKCE a jak jsou vydávány tokeny.
Nástroje
Úplná referenční příručka vstupů/výstupů pro všech 20 nástrojů.
Příklady
Pracovní postupy od začátku do konce pro běžné úkoly.