Flowstep MCP — Cursor

Konfiguration

Klicken Sie auf Add Flowstep to Cursor, um den Server mit einem Klick zu installieren. Oder fügen Sie den Server selbst in Ihre MCP-Konfiguration ein. Cursor sucht an zwei Orten danach. Verwenden Sie die globale Datei, um den Server in allen Projekten zu aktivieren, oder die Projektdatei, um ihn auf ein Projekt zu beschränken.

Global (~/.cursor/mcp.json)
Projekt (.cursor/mcp.json)

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

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

Starten Sie Cursor nach dem Speichern der Datei neu.

Authentifizierung

Öffnen Sie Settings → MCP und klicken Sie neben Flowstep auf Connect. Cursor öffnet Ihren Browser unter https://api.flowstep.ai/oauth/authorize. Melden Sie sich mit Ihren Flowstep-Zugangsdaten an (E-Mail und Passwort oder Google SSO) und klicken Sie dann auf dem Zustimmungsbildschirm auf Allow. Cursor nimmt den Callback automatisch entgegen und speichert das Token.

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

Verbindung prüfen

Geben Sie in einem Cursor-Chat Folgendes ein:

List my Flowstep files

Wenn der Tool-Aufruf erfolgreich ist, funktioniert die Verbindung.

Anwendungsbeispiel

Create a Flowstep file called "Onboarding", generate a mobile sign-up screen
with name, email, and password fields, then show me the image.

Cursor 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 — Cursor

Konfiguration

Authentifizierung

Verbindung prüfen

Anwendungsbeispiel

​Konfiguration

​Authentifizierung

​Verbindung prüfen

​Anwendungsbeispiel

Konfiguration

Authentifizierung

Verbindung prüfen

Anwendungsbeispiel