# flownato-mcp

Connects your assistant to a library of real mobile app screens and user flows. It helps teams research UI patterns with citations instead of guessing interfaces.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: flownato
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/flownato/flownato-mcp
- Updated: 2026-10-11
- HTML: https://affpapa.org/en/nevibecode/mcp/flownato-mcp

## What it does

The server provides remote access to a catalog of published mobile app interfaces. Instead of relying on approximations, the model inspects verified steps from checkout, onboarding, or search flows. Every tool response references concrete journey and step identifiers.

Setup relies on a remote HTTP endpoint. Authentication uses the OAuth protocol with browser sign-in, so you do not need to paste static API keys. The server operates in read-only mode against reviewed catalog releases.

Free accounts receive partial visibility: full screen sequences appear only for explicitly marked free journeys, while other flows show initial steps before locking. Unlocking the entire library requires a paid subscription.

## Requirements
- Remote server: `https://agent.flownato.com/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http flownato-mcp https://agent.flownato.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add flownato-mcp --url https://agent.flownato.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "flownato-mcp": {
            "url": "https://agent.flownato.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "flownato-mcp": {
            "type": "http",
            "url": "https://agent.flownato.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http flownato-mcp https://agent.flownato.com/mcp
```

## When to use it
- find mobile checkout flow examples across real apps
- compare onboarding sequences between competing services
- verify whether target apps use bottom sheets for menus
- retrieve cited screenshots of published user journeys

## Example prompts
- Show phone number entry screens across booking applications
- Compare the onboarding steps between grocery delivery apps
- Which mobile products use a bottom sheet for selecting a store?

## Similar
- [Next AI Draw.io](https://affpapa.org/en/nevibecode/mcp/next-ai-drawio.md) — MCP server · ★ 36427
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [Agent-Native Assets](https://affpapa.org/en/nevibecode/mcp/agent-native-assets.md) — MCP server · ★ 7527
- [Remove AI Watermarks](https://affpapa.org/en/nevibecode/mcp/remove-ai-watermarks.md) — MCP server · ★ 6144
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md