Flowstep MCP — Claude Code

Configuració

Afegeix el servidor a la configuració de Claude Code. Fes servir el fitxer de configuració global per activar-lo a tot arreu, o afegeix-lo per projecte.

Global (~/.claude/settings.json)
Projecte (.claude/settings.json)

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

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

Alternativament, fes servir la CLI:

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

Autenticació

Claude Code gestiona automàticament el flux OAuth 2.1 PKCE la primera vegada que crida una eina de Flowstep. El navegador s’obrirà a https://api.flowstep.ai/oauth/authorize. Inicia sessió amb les teves credencials de Flowstep i la CLI captura el callback.

Necessites un compte de Flowstep abans d’autenticar-te. Crea’n un a app.flowstep.ai.

Verifica la connexió

claude mcp list

El servidor hauria d’aparèixer com a connectat. Llavors, en una sessió de Claude Code:

Llista els meus fitxers de Flowstep

Exemple d’ús

Crea un fitxer de Flowstep anomenat "Pàgina de configuració", genera una pantalla de configuració d'escriptori per a una eina de desenvolupador amb seccions per a claus API, notificacions i membres de l'equip. Mostra'm la imatge renderitzada quan estigui fet.

Flowstep MCP — Cursor

Flowstep MCP — Windsurf

Següent

Primers passos

Ús de Flowstep

Equips i organitzacions

Exportació i integracions

Servidor MCP

Facturació i plans

Seguretat i privadesa

Flowstep MCP — Claude Code

Configuració

Autenticació

Verifica la connexió

Exemple d’ús

​Configuració

​Autenticació

​Verifica la connexió

​Exemple d’ús

Configuració

Autenticació

Verifica la connexió

Exemple d’ús