https://api.flowstep.ai/mcp (přenos Streamable HTTP). Není potřeba spouštět žádný místní proces ani spravovat API klíč. Klienti se k vašemu účtu Flowstep přihlašují přes OAuth.
Co můžete dělat
Server zpřístupňuje 22 nástrojů v osmi kategoriích:
Tři nástroje z kategorie Návrh pomocí AI čerpají ze stejného limitu zpráv jako aplikace Flowstep. Všechny ostatní nástroje jsou zdarma. Viz Limity použití.
Běžné případy použití
Generujte obrazovky z promptu — zavolejteai-design-screens s popisem. Pokud vynecháte fileId, Flowstep vytvoří soubor i obrazovky v jednom kroku. Pro každé vrácené screenId zavolejte get-screen-image, abyste výsledek viděli přímo v konverzaci.
Vizualizujte komponentu React — nahrajte zdrojový soubor .jsx nebo .tsx pomocí upload-attachment (mimeType: text/javascript). Vrácenou přílohu pak předejte do ai-design-screens se zprávou popisující obrazovku. Flowstep přečte zdrojový kód a vygeneruje odpovídající návrh.
Iterujte na návrhu — zavolejte ai-design-screens s jedním nebo více screenId (případně s ID jednotlivých prvků) v elementIds a s volnými instrukcemi, abyste je změnili přímo na místě. Stejným voláním můžete přidat i nové obrazovky, takže jeden požadavek může upravit jednu obrazovku a vytvořit další. Pomocí ai-edit-screen-variant použijete předvolbu, například tmavý motiv nebo jiné rozvržení, na celou obrazovku.
Rozšiřte tok — zavolejte ai-generate-screen-variant, abyste přidali další obrazovku, stav chyby nebo prázdný stav, případně verzi existující obrazovky pro web, tablet nebo mobil.
Pracujte nejdřív v kódu — přečtěte si libovolnou obrazovku jako JSX pomocí get-screen-jsx a svůj JSX zapište zpět pomocí add-screen-jsx (nová obrazovka) nebo replace-screen-jsx (přepsání existující). Chcete-li použít vlastní obrázky, nahrajte je pomocí upload-attachment a vrácenou hodnotu assetUrl vložte do svého JSX. Tyto nástroje jsou zdarma.
Udržujte výstup v souladu s brandem — pomocí update-design-guidelines uložte barvy, typografii a pravidla komponent k souboru jako text DESIGN.md. Generace AI pro tento soubor se jimi budou řídit. Načtěte je pomocí get-design-guidelines, nebo je vymažte pomocí delete-design-guidelines.
Importujte z Figmy — zavolejte import-figma s odkazem na rámec Figmy a fileId. Rámec se přenese na plátno jako upravitelné prvky. Organizace, ke které soubor patří, musí mít nejdřív připojenou Figmu.
Kontrolujte svůj limit — zavolejte get-plan-details a zjistěte svůj tarif, využití a zbývající zprávy před dávkou generací.
Koncový bod
2026-07-28, kterou inzeruje na adrese https://api.flowstep.ai/.well-known/mcp.json. Klienti na starším protokolu 2025-11-25 se připojují na stejný koncový bod.
Další kroky
Rychlý start
Připojte klienta a spusťte první volání nástroje.
Ověřování
Jak funguje přihlášení a schvalování přes OAuth 2.1 PKCE.
Nástroje
Úplný přehled vstupů a výstupů všech 22 nástrojů.
Příklady
Pracovní postupy od začátku do konce pro běžné úlohy.