Flowstep MCP — Claude Code

Konfiguration

Lägg till servern med Claude Code CLI:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

För att dela servern med alla som arbetar i ett repository lägger du i stället till den i .mcp.json i projektets rot och committar filen:

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Fältet "type": "http" krävs för HTTP-servrar i Claude Code.

Autentisering

Claude Code hanterar OAuth 2.1 PKCE-flödet automatiskt första gången det anropar ett Flowstep-verktyg. Din webbläsare öppnar Flowstep-inloggningssidan. Logga in med dina Flowstep-uppgifter (e-post/lösenord eller Google), klicka på Allow på godkännandesidan, och CLI:t fångar callbacken. Det finns ingen API-nyckel att skapa eller rotera.

Du behöver ett Flowstep-konto innan du autentiserar dig. Skapa ett på app.flowstep.ai.

Användningsexempel

Generate a desktop settings screen in Flowstep for a developer tool, with sections
for API keys, notifications, and team members. Show me the rendered image when done.

Claude Code anropar ai-design-screens → get-screen-image och visar renderingen inline. Eftersom Claude Code redan har ditt repository öppet kan du följa upp med “Now build this screen in our app”. Då kan den läsa designen med get-screen-jsx och implementera den med dina komponenter.

Kom igång

Använda Flowstep

Team och organisationer

Export och integrationer

MCP-server

Fakturering och planer

Säkerhet och integritet

Flowstep MCP — Claude Code

Konfiguration

Autentisering

Verifiera anslutningen

Användningsexempel

​Konfiguration

​Autentisering

​Verifiera anslutningen

​Användningsexempel

Konfiguration

Autentisering

Verifiera anslutningen

Användningsexempel