mcpField
F
flow2

flow2

Remote
flow2.coProductivity0Updated 23w ago

About flow2

flow2 is an MCP server for creating and managing mobile-first presentations in a Flow2 account. It lets AI assistants edit screens and blocks, inspect previews, and publish flows through chat.

Key features

  1. 01Create and edit presentations
  2. 02Manage screens and content blocks
  3. 03Preview a screen or full flow
  4. 04Publish flows
  5. 05Track jobs and account credits

Use cases

  1. 01Draft a mobile pitch deck
  2. 02Revise presentation screens and styling
  3. 03Review a flow preview in chat

MCP support

Exposes Flow2 presentation tools to MCP clients over remote streamable HTTP. OAuth 2.1 supports client authorization.

Configuration

Remote servers need no local install. Pick your client, then copy the config or install in one click.

Endpointhttps://mcp.flow2.co/
Copy install command
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.

Tools

Details

From the project README

Flow2 MCP Server

Design mobile-first presentations - create, edit, preview, and publish from your AI assistant.

This is the official Model Context Protocol server for Flow2. It lets AI assistants like Claude work with your Flow2 account directly: spin up new flows, add and edit screens, drop in blocks, preview the result, and publish — all from a chat prompt.

  • Endpoint: https://mcp.flow2.co/
  • Transport: streamable-http
  • Auth: OAuth 2.1 with Dynamic Client Registration (RFC 7591)
  • Registry: co.flow2/flow2

Quick start

Claude Code (and Cowork)
claude mcp add --transport http flow2 https://mcp.flow2.co/ --scope user

Then run /mcp inside Claude Code to complete the OAuth sign-in.

Claude.ai (web + desktop)

Settings → Connectors → Add custom connector → URL: https://mcp.flow2.co/. Click Connect to authorize.

Cursor

In ~/.cursor/mcp.json:

{
  "mcpServers": {
    "flow2": {
      "url": "https://mcp.flow2.co/"
    }
  }
}
Other MCP-compatible clients

Any client that supports remote streamable-HTTP MCP servers can connect using the URL above. OAuth is handled automatically when the client supports DCR.


What it can do

The Flow2 MCP server exposes the full flow-authoring surface as tools:

ToolWhat it does
create_flowCreate a new Flow2 presentation
update_flow_metaRename or update flow-level metadata
get_flowRead the current state of a flow
add_screenAdd a new screen to a flow
get_screenRead a screen and its blocks
delete_screenRemove a screen from a flow
add_blockAdd a block (text, image, button, etc.) to a screen
patch_blockUpdate an existing block's content or styling
delete_blockRemove a block from a screen
get_blocks_schemaList available block types and their schemas
get_previewGet the screenshot URL for a single screen
render-flow-previewShow the whole flow inline in chat — vertical-scroll preview of all screens with theme-accent indicator (interactive on Apps-aware clients)
render-screen-previewShow a single screen inline in chat as a phone-framed screenshot
list_jobs / check_job_statusTrack long-running operations
check_creditsCheck the remaining credits on your account

All write tools are annotated with destructiveHint: false where appropriate so AI clients can reason about safety. Read-only tools are marked readOnlyHint: true.

Inline previews (Apps-aware clients)

On clients that support the MCP Apps extension (Claude.ai web + desktop, Claude Code, ChatGPT, Cursor, VS Code), render-flow-preview and render-screen-preview produce an interactive inline preview rendered inside a sandboxed iframe — no need to leave the chat to see your flow. CTA buttons on individual screens become click-through links; the indicator picks up the flow's theme accent color. Other clients fall back to the cover screenshot.


Example prompts

Once the server is connected, try:

  • "Create a new mobile pitch deck for my fintech app called 'Lumen'."
  • "Add a hero screen with a bold headline and a 'Get started' button."
  • "Generate three product-feature screens with icons and short captions."
  • "Show me my latest flow." (renders the inline preview)
  • "Preview screen 3 of my pricing flow."
  • "Share the link to my latest flow."

The assistant will call the right MCP tools, and you'll see the changes reflected in your Flow2 account in real time.


Authentication

The server implements OAuth 2.1 with Dynamic Client Registration. When you connect from a new client, it:

  1. Discovers /.well-known/oauth-authorization-server
  2. Registers itself as a client via the registration_endpoint
  3. Walks you through the standard authorization-code flow with PKCE
  4. Stores a refresh token for ongoing access

You can revoke a client at any time from your Flow2 account settings.


Privacy & data handling

  • Scope: the MCP server only accesses Flow2 data belonging to the authenticated user.
  • Logging: request metadata (tool name, timestamp, status) is logged for operational purposes; tool argument and response bodies are not retained beyond the request lifecycle.
  • Third-party services: Flow2 uses a small set of infrastructure providers (hosting, error tracking) — see the Privacy Policy for the full list.
  • Retention: authentication tokens are stored encrypted at rest; revoking access from your Flow2 settings purges them.

Full details: Privacy Policy · Terms of Service.


Support


License

MIT — see LICENSE.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.