Configuratie
Voeg de server toe met de Claude Code CLI:.mcp.json in de projectroot en commit je het bestand:
Het veld
"type": "http" is vereist voor HTTP-servers in Claude Code.Authenticatie
Claude Code doorloopt de OAuth 2.1 PKCE-flow automatisch de eerste keer dat het een Flowstep-tool aanroept. Je browser opent de Flowstep-inlogpagina. Log in met je Flowstep-gegevens (e-mail/wachtwoord of Google), klik op Allow op het toestemmingsscherm, en de CLI vangt de callback op. Je hoeft geen API-sleutel aan te maken of te roteren.Je hebt een Flowstep-account nodig voordat je kunt authenticeren. Maak er een aan op app.flowstep.ai.
De verbinding controleren
Typ/mcp in een Claude Code-sessie. Flowstep zou als verbonden moeten worden weergegeven, met de tools beschikbaar. Vraag daarna:
Gebruiksvoorbeeld
ai-design-screens → get-screen-image aan en toont de render inline. Omdat Claude Code je repository al open heeft, kun je doorvragen met “Bouw dit scherm nu in onze app”. Claude Code kan het ontwerp dan lezen met get-screen-jsx en implementeren met jouw componenten.