Flowstep MCP — Claude Code

Configuration

Add the server to your Claude Code settings. Use the global settings file to enable it everywhere, or add it per-project.

Global (~/.claude/settings.json)
Project (.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"
    }
  }
}

Alternatively, use the CLI:

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

Authentication

Claude Code handles the OAuth 2.1 PKCE flow automatically the first time it calls a Flowstep tool. Your browser opens to https://api.flowstep.ai/oauth/authorize. Sign in with your Flowstep credentials and the CLI captures the callback.

You need a Flowstep account before authenticating. Create one at app.flowstep.ai.

Verify the connection

claude mcp list

The server should appear as connected. Then in a Claude Code session:

List my Flowstep files

Usage example

Create a Flowstep file called "Settings page", generate a desktop settings screen
for a developer tool with sections for API keys, notifications, and team members.
Show me the rendered image when done.

Flowstep MCP — Cursor

Flowstep MCP — Windsurf

Get Started

Using Flowstep

Teams & Organizations

Exporting & Integrations

MCP Server

Billing & Plans

Security & Privacy

Flowstep MCP — Claude Code

Configuration

Authentication

Verify the connection

Usage example

​Configuration

​Authentication

​Verify the connection

​Usage example

Configuration

Authentication

Verify the connection

Usage example