Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt

Use this file to discover all available pages before exploring further.

Configuration

Edit ~/.codeium/windsurf/mcp_config.json:
{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}
Restart Windsurf after saving.

Authentication

On first use, Windsurf opens your browser to the Flowstep OAuth login page. Sign in with your Flowstep credentials (email/password or Google SSO) and Windsurf stores the token.
You need a Flowstep account before connecting. Create one at app.flowstep.ai.

Verify the connection

Open the MCP panel in Windsurf and confirm Flowstep is listed. In a Cascade chat:
List my Flowstep files

Usage example

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.