Flostep MCP

An official MCP server by Flostep that allows AI assistants to create, read, edit, and share interactive step-by-step system design diagrams. It supports listing diagrams, creating new flows from text descriptions, updating existing steps, and generating shareable links or embeds for documentation and reviews.

Endpoint and access

API key: create a key with the vendor first; your client sends it as an authorization header on every request.

API keyEndpoint checked 2026-10-26Operated by Flostep

MCP endpoint (Streamable HTTP)

https://flostep.dev/mcp

Vendor documentation

What you can do with it

Create a diagram of a password reset flow from a text description
Add a retry step to an existing checkout flow diagram
List all diagrams in a specific folder
Generate a shareable link for a system design review

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers a Streamable HTTP server. Use --scope project to write .mcp.json for the repo.

Claude Code configuration

claude mcp add --transport http flostep-mcp https://flostep.dev/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).

Codex configuration

codex mcp add flostep-mcp --url https://flostep.dev/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable flostep-mcp in your MCP settings.

Cursor configuration

{
  "mcpServers": {
    "flostep-mcp": {
      "url": "https://flostep.dev/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure). The type must be streamableHttp for a remote HTTP server.

Cline configuration

{
  "mcpServers": {
    "flostep-mcp": {
      "type": "streamableHttp",
      "url": "https://flostep.dev/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start flostep-mcp and inspect its tools.

VS Code configuration

{
  "servers": {
    "flostep-mcp": {
      "type": "http",
      "url": "https://flostep.dev/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.

Gemini CLI configuration

gemini mcp add --transport http flostep-mcp https://flostep.dev/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.

Claude Desktop configuration

{
  "mcpServers": {
    "flostep-mcp": {
      "url": "https://flostep.dev/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.

Windsurf configuration

{
  "mcpServers": {
    "flostep-mcp": {
      "serverUrl": "https://flostep.dev/mcp"
    }
  }
}

Ground your agent in cited data

Flostep MCP gives your agent tools. Koskamo gives it reviewed, cited facts to check its answers against. Add it as a second MCP server; public reads need no API key.

Connect Koskamo Browse datasets

See all 1,274

Do you run Flostep MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing