Konfiguration
Fügen Sie den Server mit der Claude-Code-CLI hinzu:.mcp.json im Projektstammverzeichnis hinzu und committen Sie die Datei:
Das Feld
"type": "http" ist für HTTP-Server in Claude Code erforderlich.Authentifizierung
Claude Code führt den OAuth-2.1-PKCE-Flow automatisch aus, sobald es zum ersten Mal ein Flowstep-Tool aufruft. Ihr Browser öffnet die Anmeldeseite von Flowstep. Melden Sie sich mit Ihren Flowstep-Zugangsdaten an (E-Mail und Passwort oder Google), klicken Sie auf dem Zustimmungsbildschirm auf Allow, und die CLI nimmt den Callback entgegen. Sie müssen keinen API-Schlüssel erstellen oder rotieren.Sie benötigen ein Flowstep-Konto, bevor Sie sich authentifizieren. Erstellen Sie eines unter app.flowstep.ai.
Verbindung prüfen
Geben Sie in einer Claude-Code-Sitzung/mcp ein. Flowstep sollte als verbunden angezeigt werden, mit verfügbaren Tools. Fragen Sie danach:
Anwendungsbeispiel
ai-design-screens → get-screen-image auf und zeigt das gerenderte Bild direkt an. Da Claude Code Ihr Repository bereits geöffnet hat, können Sie nachfassen, etwa mit „Now build this screen in our app“. Claude Code liest dann das Design mit get-screen-jsx und implementiert es mit Ihren Komponenten.