flownato-mcp

Flownato MCP

モバイル UI/UX デザインのリサーチ向けの、読み取り専用のリモート Model Context Protocol サーバーです。プロダクトデザイナーや開発者向けに構築されており、MCP 対応アシスタント（Claude、Cursor、Codex、Windsurf など）が、Flownato の実際のモバイルアプリ画面、ユーザーフロー、UI パターンのライブラリにアクセスできます。回答はすべて、公開済み画面の根拠に基づいています。

• エンドポイント： https://agent.flownato.com/mcp（Streamable HTTP）
• 認証： PKCE を使用する OAuth 2.1 認可コードフローです。ブラウザーで Flownato のサインイン画面と読み取り専用の同意画面が開きます。貼り付ける API キーはありません。
• アクセス： サインイン済みの Flownato アカウントなら、どのアカウントでもすべてのツールを利用できます。無料アカウントで利用できる内容はウェブサイトと同じです。flownato.com で無料と表示されているジャーニー全体に加え、それ以外の各ジャーニーの最初の 3 画面を利用できます。プレミアムではすべての画面を利用できます。
• ウェブサイト： https://www.flownato.com/mcp

機能

Flownato は Swiggy、Zepto、BookMyShow、redBus、Nykaa などの実際のモバイルアプリを記録し、レビュー済みの画面、完全なジャーニー、UI パターンの分類体系を公開します。MCP サーバーを使うと、アシスタントはインターフェースの見た目を推測するのではなく、こうした根拠を検索して比較できます。

引用付きで回答できる質問の例：

• 「食料品アプリは、チェックアウトでの配送時間枠の選択をどのように扱っていますか？」
• 「予約アプリの電話番号入力画面を見せてください。」
• 「Cricbuzz と FanCode のオンボーディングジャーニーを比較してください。」
• 「店舗の選択にボトムシートを使用しているアプリはどれですか？」

ツール

ツール	目的
whoami	認証済みの会員情報、その会員ランクで閲覧できる内容、クライアントを返します。
search_ui_library	リサーチの質問に関連する具体的なジャーニーの例を検索します。
search_ui_screens	インターフェース上のテキストと完全一致する画面レベルの検索を行います。
analyze_ui_pattern	任意のアプリまたはカテゴリの範囲で、1 つの画面パターン、UI 要素、フローパターン、フローアクションを測定します。
explore_ui_patterns	どのパターンを分析するかまだ決まっていない場合に、繰り返し見られるパターンを見つけます。
compare_ui_flows	指定した 2 つまたは 3 つのアプリで、同じプロダクト上の場面を比較します。
inspect_app_library	1 つのアプリについて、公開済みの網羅範囲、パターン、要素、ジャーニーを要約します。
check_ui_presence	根拠を添えて、指定範囲内で有無を確認します。
inspect_library_coverage	公開済みの内容をページネーション付きで一覧表示します。
inspect_ui_resources	返された resourceRef オブジェクトを使って、対応するリリースに限定した追加情報を取得します。
get_screen_image	別のツールからアセット ID を受け取った後、公開済みの画面画像をインラインで返します。

すべてのツールは読み取り専用です。結果には、その根拠となったジャーニーとステップの正確な識別子が示されます。パターンの件数は説明のための情報であり、ベストプラクティスとして提示されることはありません。

接続

Claude Code プラグイン

このプラグインをインストールすると、MCP サーバーと flownato-ui-research スキルが一緒に導入されます。このスキルは、実際のアプリのフローをいつ調べるべきか、またその情報をどのように引用するかをアシスタントに伝えます。

/plugin marketplace add flownato/flownato-mcp
/plugin install flownato@flownato

同じリポジトリには、Cursor（.cursor-plugin/）と Codex（.codex-plugin/）用のプラグインマニフェストも含まれています。スキルは skills/flownato-ui-research/SKILL.md にあります。

MCP サーバーのみ

リモート mcpServers 設定に対応しているクライアントでは、次を使用します。

{
  "mcpServers": {
    "flownato": {
      "type": "http",
      "url": "https://agent.flownato.com/mcp"
    }
  }
}

Claude Code：

claude mcp add --transport http flownato https://agent.flownato.com/mcp

初回使用時、クライアントはブラウザーで https://api.flownato.com/oauth/authorize を開きます。Flownato アカウントでサインインし、読み取り専用アクセスを許可してください。トークンの有効期間は短く、許可を取り消すまでは自動的に更新されます。

ディスカバリー用ドキュメント：

• 保護対象リソースのメタデータ：https://agent.flownato.com/.well-known/oauth-protected-resource/mcp
• 認可サーバーのメタデータ：https://api.flownato.com/.well-known/oauth-authorization-server

アクセスと制限

プラン	MCP が返す内容
サインインしていない場合	エンドポイントは OAuth のディスカバリーメタデータとともに 401 を返すため、クライアントで Flownato のサインイン画面が開きます。アカウントは無料で作成できます。
無料アカウント	11 個のツールすべてを利用できます。flownato.com で無料と表示されているジャーニー（アプリごとに最大 3 件）は、すべての画面を返します。それ以外のジャーニーでは最初の 3 画面を返し、残りは locked: true、アセット ID なし、画像 URL なしで返します。すべての結果には、ロックされた件数とアップグレードリンクを含む access ブロックが含まれます。また、ロックされた画面に対する get_screen_image は PREMIUM_REQUIRED を返します。
Premium	11 個のツールすべてを完全なライブラリで利用できます。

どちらのプランにも、デフォルトの安全上限として UTC 日あたり 500 回のツール呼び出し制限が適用されます。

プロンプト、引数、結果は保存されません。スクリーンショットの URL は署名付きで有効期間が短く、画像を取得する際に画像エンドポイントでメンバーシップが再確認されます。

プライバシーと対象範囲

サーバーが読み取るのは、レビュー済みで不変のリリースからなる公開製品カタログのみです。プライバシー保護のための情報削除も適用されています。生のクロールデータ、モデルの出力、他のユーザーのアカウントにはアクセスできません。UI および製品デザインに関する調査の質問に回答し、無関係なリクエストには応じません。

ソース

このリポジトリには、ホスト型サービスのドキュメントと、そのプラグインマニフェストおよびスキルが含まれています。サーバー自体は Flownato の非公開製品コードベース（Python、FastAPI）の一部であり、オープンソースではありません。

マーケットプレイスのメタデータ

lhm.plugin.json は、既存の LobeHub 掲載情報のカテゴリ、リモートエンドポイント、11 個すべての MCP ツールスキーマを宣言します。カテゴリは developer（LobeHub では Developer Skills と表示）で、UI/UX デザインおよび製品開発での用途を反映しています。

エンドポイントでは、プロトコルの初期化とツールの検出の前に OAuth が必要です。認証されていないリクエストに対して 401 が返されるのは想定どおりです。上記の保護されたリソースのメタデータを使ってサインインを開始してください。ディレクトリークローラーは、認証されていない接続だけではツール一覧を検出できません。

現在、サーバーが公開しているのはツールのみで、MCP プロンプトテンプレートや MCP リソースはありません。返される resourceRef オブジェクトは inspect_ui_resources に渡す引数であり、MCP の resources/list 機能のエントリーではありません。マーケットプレイスの宣言は、サーバーの実際の機能と一致させてください。

上記の公開バッジは、LobeHub の README 記載内容のステータス確認に使用できます。利用可能な場合は、この公開検証ルートを優先してください。この公開掲載情報の更新を理由に、非公開の GitHub リポジトリへの読み書きアクセスをディレクトリーに許可しないでください。

認証済みのメンテナーは、公式の @lobehub/market-cli（Node.js 22 以降）を使用して、既存の掲載情報を更新できます。

# Sign in to LobeHub, then check existing GitHub verification:
npx -y @lobehub/market-cli login
npx -y @lobehub/market-cli github status

# Requires ownership verification; run after reviewing lhm.plugin.json:
npx -y @lobehub/market-cli plugin update --dir "$PWD"

GitHub アカウントを接続する前に、要求される権限を確認してください。掲載情報の申請や更新に広範な repo または workflow アクセスが必要な場合は、その接続を無効のままにして、LobeHub により限定的な検証方法を依頼してください。

ツールのシグネチャが変更された場合は、公開前に認証済みサーバーの tools/list レスポンスから tools を更新してください。サーバーが実装していない限り、prompts と resources は空のままにしてください。このメタデータ修正では掲載情報のバージョンは 1.0.0 のままであり、新しいサーバーリリースを表すものではありません。更新のたびに公開掲載情報を確認してください。

リンク

• 製品：https://www.flownato.com
• MCP ページ：https://www.flownato.com/mcp
• パターンライブラリ：https://www.flownato.com/patterns
• お問い合わせ：[email protected]