Konfiguracja
Dodaj serwer za pomocą CLI Claude Code:.mcp.json w katalogu głównym projektu i zatwierdź ten plik:
Pole
"type": "http" jest wymagane dla serwerów HTTP w Claude Code.Uwierzytelnianie
Claude Code obsługuje przepływ OAuth 2.1 PKCE automatycznie, gdy po raz pierwszy wywoła narzędzie Flowstep. Przeglądarka otworzy stronę logowania Flowstep. Zaloguj się danymi Flowstep (email i hasło lub Google), kliknij Allow na ekranie zgody, a CLI przechwyci callback. Nie ma klucza API do utworzenia ani rotacji.Przed uwierzytelnieniem potrzebujesz konta Flowstep. Utwórz je na app.flowstep.ai.
Sprawdź połączenie
Wpisz/mcp w sesji Claude Code. Flowstep powinien być widoczny jako połączony, z dostępnymi narzędziami. Następnie zapytaj:
Przykład użycia
ai-design-screens → get-screen-image i wyświetla render w rozmowie. Ponieważ Claude Code ma już otwarte repozytorium, możesz kontynuować, pisząc: “Now build this screen in our app”. Narzędzie może odczytać projekt za pomocą get-screen-jsx i zaimplementować go z użyciem Twoich komponentów.