Flowstep MCP — Windsurf

Configuració

Edita ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}

Reinicia Windsurf després de desar el fitxer.

Autenticació

En el primer ús, Windsurf obre el navegador a la pàgina d’inici de sessió OAuth de Flowstep. Inicia sessió amb les teves credencials de Flowstep (correu electrònic i contrasenya o Google SSO), fes clic a Allow a la pantalla de consentiment, i Windsurf desa el token.

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

Verifica la connexió

Obre el panell de MCP a Windsurf i confirma que Flowstep apareix a la llista. En un xat de Cascade, demana:

List my Flowstep files

Exemple d’ús

Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.

Cascade cridarà create-file → ai-design-screens → get-screen-image en seqüència.

Primers passos

Ús de Flowstep

Equips i organitzacions

Exportació i integracions

Servidor MCP

Facturació i plans

Seguretat i privadesa

Flowstep MCP — Windsurf

Configuració

Autenticació

Verifica la connexió

Exemple d’ús

​Configuració

​Autenticació

​Verifica la connexió

​Exemple d’ús

Configuració

Autenticació

Verifica la connexió

Exemple d’ús