Konfiguráció
Add hozzá a szervert a Claude Code CLI-vel:.mcp.json fájlhoz, és commitáld a fájlt:
A
"type": "http" mező kötelező a Claude Code HTTP-szervereknél.Hitelesítés
A Claude Code az első Flowstep-eszközhívásnál automatikusan kezeli az OAuth 2.1 PKCE-folyamatot. A böngésződ megnyitja a Flowstep bejelentkezési oldalát. Jelentkezz be a Flowstep-azonosítóiddal (e-mail/jelszó vagy Google), kattints az Allow gombra a hozzájárulási képernyőn, a CLI pedig rögzíti a visszahívást. Nincs API-kulcs, amit létrehoznál vagy cserélnél.A hitelesítés előtt szükséged van Flowstep-fiókra. Hozz létre egyet itt: app.flowstep.ai.
A kapcsolat ellenőrzése
Írd be a/mcp parancsot egy Claude Code-munkamenetben. A Flowstepnek csatlakozott állapotban, az eszközeivel együtt kell megjelennie. Ezután kérdezd meg:
Használati példa
ai-design-screens → get-screen-image sorrendben hívja meg az eszközöket, és a renderelt képet a beszélgetésben jeleníti meg. Mivel a Claude Code már megnyitotta az adattáradat, folytathatod azzal, hogy „Most építsd meg ezt a képernyőt az alkalmazásunkban”. Ilyenkor a get-screen-jsx eszközzel beolvassa a tervet, és a saját komponenseivel valósítja meg.