Flowstep MCP — Windsurf

Konfiguration

Bearbeiten Sie ~/.codeium/windsurf/mcp_config.json:

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

Starten Sie Windsurf nach dem Speichern neu.

Authentifizierung

Beim ersten Gebrauch öffnet Windsurf Ihren Browser mit der OAuth-Anmeldeseite von Flowstep. Melden Sie sich mit Ihren Flowstep-Zugangsdaten an (E-Mail und Passwort oder Google SSO), klicken Sie auf dem Zustimmungsbildschirm auf Allow, und Windsurf speichert das Token.

Sie benötigen ein Flowstep-Konto, bevor Sie sich verbinden. Erstellen Sie eines unter app.flowstep.ai.

Verbindung prüfen

Öffnen Sie das MCP-Panel in Windsurf und prüfen Sie, ob Flowstep aufgeführt ist. Geben Sie im Cascade-Chat Folgendes ein:

List my Flowstep files

Anwendungsbeispiel

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 ruft nacheinander create-file → ai-design-screens → get-screen-image auf.

Erste Schritte

Flowstep verwenden

Teams & Organisationen

Export & Integrationen

MCP-Server

Abrechnung & Tarife

Sicherheit & Datenschutz

Flowstep MCP — Windsurf

Konfiguration

Authentifizierung

Verbindung prüfen

Anwendungsbeispiel

​Konfiguration

​Authentifizierung

​Verbindung prüfen

​Anwendungsbeispiel

Konfiguration

Authentifizierung

Verbindung prüfen

Anwendungsbeispiel