Przejdź do głównej treści
Flowstep udostępnia swoje narzędzia projektowe za pośrednictwem Model Context Protocol, pozwalając asystentowi AI tworzyć i iterować ekrany UI bez opuszczania edytora. Serwer jest hostowany na https://api.flowstep.ai/mcp (transport Streamable HTTP). Bez konieczności uruchamiania lokalnego procesu.

Co możesz zrobić

Serwer udostępnia 19 narzędzi w sześciu kategoriach:
KategoriaNarzędzia
Plikicreate-file, list-files, get-file, update-file, delete-file
Ekranylist-screens, get-screen, get-screen-image, add-screen
Generowanie AIcreate-new-design, regenerate-design, expand-design, edit-design, upload-attachment
Czatget-chat-history
Projektowanieget-design-guidelines, update-design-guidelines, delete-design-guidelines
Rozliczeniaget-plan-details

Typowe przypadki użycia

Generuj ekrany z prompta — wywołaj create-new-design z opisem. Flowstep tworzy plik i ekrany w jednym kroku. Wywołaj get-screen-image z zwróconymi screenIds, aby zobaczyć wynik inline. Wizualizuj komponent React — prześlij plik .jsx lub .tsx za pośrednictwem upload-attachment (użyj mimeType: text/javascript), a następnie przekaż zwrócony załącznik do create-new-design z wiadomością opisującą komponent. Flowstep czyta kod źródłowy i generuje pasujący ekran projektowy. Iteruj nad projektem — wywołaj edit-design z docelowym screenId i instrukcjami modyfikacji, lub regenerate-design, aby odtworzyć ekran od nowa. Utrzymuj wytyczne projektowe — wywołaj get-design-guidelines, aby pobrać bieżące reguły stylu (kolory, typografia, odstępy, ton), a następnie użyj update-design-guidelines, aby utrzymywać je w synchronizacji w miarę ewolucji projektu. Przekazywanie spójnych wytycznych do create-new-design lub edit-design zapewnia, że każdy wygenerowany ekran pozostaje zgodny z marką. Użyj delete-design-guidelines, aby je całkowicie zresetować. Audyt limitu — wywołaj get-plan-details, aby zobaczyć pozostałe dzienne i miesięczne użycie przed uruchomieniem partii generacji.

Endpoint

https://api.flowstep.ai/mcp
Transport: Streamable HTTP. Model sesji: bezstanowy (każde żądanie jest niezależne, brak ID sesji).

Następne kroki

Szybki start

Pierwsze wywołanie narzędzia w mniej niż 5 minut z Cursor.

Uwierzytelnianie

Jak działa OAuth 2.1 PKCE i jak są wydawane tokeny.

Narzędzia

Pełna dokumentacja wejścia/wyjścia dla wszystkich 19 narzędzi.

Przykłady

Kompleksowe przepływy pracy dla typowych zadań.