ScreensDesign について
ScreensDesignは、モバイルアプリや競合を調査するプロダクトチームやエージェント向けのホスト型MCPサーバーです。記録された画面とフロー、App Storeレビュー、市場推定、ビジュアル参考、保存済みの調査コレクションを利用できます。
主な機能
- 01製品やカテゴリからアプリと競合を検索
- 02記録されたオンボーディングやペイウォールのフローを確認
- 03画面を検索し視覚的に似た例を探す
- 04App Storeレビューや公開アプリ一覧を調査
- 05App Storeのマーケティング画像を比較
- 06保存したアプリコレクションや開発者ポートフォリオを参照
活用シーン
- 01複数アプリのオンボーディングやペイウォールの位置を比較
- 02競合を探し、繰り返し見られる不満を把握
- 03指定画像に似た画面を検索
- 04App Store画像の訴求内容を比較
MCP 対応
ホスト型サーバーはStreamable HTTPとブラウザーOAuthでMCPクライアントに接続します。アプリ、画面、フロー、レビュー、ビジュアル参考、保存済みコレクションを調べるツールを提供し、任意のコンパニオンスキルは根拠の確認と出典の提示を案内します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.screensdesign.com/v1/mcpclaude mcp add --transport http com-screensdesign-screensdesign https://api.screensdesign.com/v1/mcp{"mcpServers":{"com-screensdesign-screensdesign":{"type":"http","url":"https://api.screensdesign.com/v1/mcp"}}}Cursor で開く{"servers":{"com-screensdesign-screensdesign":{"type":"http","url":"https://api.screensdesign.com/v1/mcp"}}}VS Code で開く{"mcpServers":{"com-screensdesign-screensdesign":{"type":"http","url":"https://api.screensdesign.com/v1/mcp"}}}{"mcpServers":{"com-screensdesign-screensdesign":{"serverUrl":"https://api.screensdesign.com/v1/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
ScreensDesign MCP
AI エージェントが作業に使える、実際のアプリ画面、完全なフロー、市場の背景情報を提供します。
ScreensDesign MCP は、モバイルアプリの調査、オンボーディングやペイウォールの比較、App Store レビューの探索、ビジュアルリファレンスの検索に使えるホスト型サーバーです。MCP クライアントに接続すると、実際の画面、記録されたフロー、市場の背景情報を調査に取り入れられます。
この公開リポジトリには、セットアップドキュメント、レジストリのメタデータ、オプションの screensdesign-data コンパニオンスキルが含まれています。ホスト型サーバーの実装と ScreensDesign のデータは、別途運用されています。
ウェブサイト · MCP に接続 · skills.sh で見る · リリース
ScreensDesign MCP に接続する
Streamable HTTP を使い、ScreensDesign アカウントにサインインして、このホスト型エンドポイントを MCP クライアントに追加します。
https://api.screensdesign.com/v1/mcp
MCP へのアクセスは ScreensDesign Pro に含まれています。対応クライアントとアクセスの詳細は、セットアップページをご覧ください。
Claude Code
claude mcp add --transport http screensdesign "https://api.screensdesign.com/v1/mcp" --scope user
claude mcp login screensdesign
Claude Code 内で /mcp を開いて、接続を確認し、認証することもできます。
Codex
codex mcp add screensdesign --url 'https://api.screensdesign.com/v1/mcp'
codex mcp login screensdesign
Cursor
このサーバーを Cursor の MCP 設定に追加します。
{
"mcpServers": {
"screensdesign": {
"url": "https://api.screensdesign.com/v1/mcp"
}
}
}
プロンプトが表示されたら、ブラウザーでサインインを完了します。
認証にはブラウザー OAuth を使用します。セットアップ後にツールが表示されない場合は、MCP 接続を更新するか、新しい会話を開始してください。詳しくは接続のトラブルシューティングをご覧ください。
MCP の機能
このサーバーは、アプリ、画面、フロー、レビュー、保存済みコレクションの調査に使えるツールを提供します。
| 調査タスク | 得られる情報 |
|---|---|
| アプリと競合アプリを見つける | プロダクト、カテゴリ、ポジショニング、記録された UI に基づいて見つかったアプリ。入手可能な場合は、収益とダウンロード数の推定値も表示されます。 |
| オンボーディングとペイウォールを調査する | 画面の記録、時系列でのリプレイ、ユーザージャーニーの展開を示す保存済みフロー。 |
| UI の参考例を見つける | 複数のアプリから関連する画面を検索したり、アプリ内に絞って検索したり、参照画像に似たビジュアルを見つけたりできます。 |
| アプリ市場全体を調査する | 競合アプリの発見、公開アプリの掲載情報、繰り返し見られる不満やポジショニングを調査するための App Store レビュー。 |
| App Store のクリエイティブを調査する | アプリ内で記録された画面とは別に、マーケティング用スクリーンショットを検索します。 |
| 保存済みの調査を引き継ぐ | 保存済みのアプリコレクションと開発者ポートフォリオを会話に取り込みます。 |
オプションの screensdesign-data スキルは、画面の順序について言及する前にリプレイのコンテキストを確認し、調査結果を提供されたアプリ、画面、またはフローのソースに結び付けるようエージェントを導きます。実際に観察された UI と推測を区別し、収益とダウンロード数はパフォーマンスの指標として扱い、コンバージョンの証拠とはみなしません。
試してみる
MCP を接続した状態で、エージェントに次のように尋ねてください。
収益の高い習慣トラッカーを3つ選び、オンボーディングを比較してください。記録された画面を順番に表示し、それぞれのペイウォールがどこに表示されるか示してください。
私の睡眠アプリのアイデアに似たアプリを探してください。それぞれのポジショニングを比較し、公開されている App Store のレビューで繰り返し見られる不満を要約してください。
年間サブスクリプションを1日あたりの価格で表示しているペイウォールを探してください。実際の画面へのリンクも示してください。
このスクリーンショットと視覚的に似たアプリ画面を探してください。共通しているレイアウトとナビゲーションのパターンを説明してください。
3つの瞑想アプリの App Store スクリーンショットにあるメッセージを比較してください。それぞれが最初に強調しているメリットは何ですか?
保存済みのアプリコレクションを開き、含まれるアプリのオンボーディングパターンを比較してください。
オプションの補助スキル
MCP はスキルをインストールしなくても動作します。スキルに対応しているエージェントでは、screensdesign-data が、調査ツールの選択、根拠の確認、出典の引用に関するガイダンスを追加します。
プロジェクトのルートから次を実行します。
npx skills@latest add screensdesign-com/screensdesign-agent-skill --skill screensdesign-data
続いて、ScreensDesign MCP を接続してください。このスキルは調査手順を提供し、MCP は ScreensDesign アカウントを通じてデータへのアクセスを提供します。
エージェント別、グローバル、バージョン指定のインストール
プロンプトを表示せずに、特定のエージェントにインストールします。
npx skills@latest add screensdesign-com/screensdesign-agent-skill --skill screensdesign-data -a claude-code -a codex -a cursor -y
プロジェクト全体にインストールします。
npx skills@latest add screensdesign-com/screensdesign-agent-skill --skill screensdesign-data -g
v1.0.8 リリースを正確に指定してインストールします。
npx skills@latest add https://github.com/screensdesign-com/screensdesign-agent-skill/tree/v1.0.8/screensdesign-data
インストール済みのコピーを更新します。
npx skills@latest update screensdesign-data
MCP レジストリのメタデータ
server.json には、公式 MCP Registry に com.screensdesign/screensdesign として登録されている、ホスト型 ScreensDesign MCP サーバーの情報が記載されています。公開リポジトリ、リモートエンドポイント、表示名、アイコン、セットアップリンクが含まれています。レジストリメタデータのバージョン 1.0.1 は、データスキルのリリースとは別に管理されています。
このファイルの変更は、com.screensdesign 名前空間の認証後に mcp-publisher publish を実行して、公式 MCP Registry に公開する必要があります。Git ブランチをプッシュしても、レジストリは更新されません。公開後、最新のレジストリレコードでリポジトリのフィールドとバージョンを確認してください。
エンドポイントではブラウザー OAuth を使用します。MCP クライアントでサインインを完了してください。このリポジトリには、補助スキルとレジストリメタデータが含まれています。ホスト型サーバーの実装と ScreensDesign のデータは、別途運用されています。
仕組み
スキルはコンパクトに保たれ、必要に応じてアプリ調査、市場・レビュー調査、画面・フロー調査、アプリインテリジェンス、保存済みコレクションに関する個別のガイドを読み込みます。
ツールリファレンスとレスポンスフィールドガイドでは、調査インターフェースについて説明しています。ツールが変更された場合は、ライブ MCP スキーマが優先されます。
現在のデータスキルのリリースは 1.0.8 です。接続すると、エージェントは会話ごとに1回 get_screensdesign_skill を通じてインストール済みのバージョンを確認し、最新か更新が必要かを判断します。
メンテナー向け:リリースプロセス
各リリースでは、screensdesign-data/SKILL.md で宣言されたバージョンと一致するセマンティック Git タグを使用します。現在のリリースでは、次のとおりです。
python3 scripts/build_release.py --write-manifest
python3 scripts/build_release.py --check --tag v1.0.8
リリースマニフェストには、変更不可能なコンテンツのハッシュと ZIP のハッシュが記録されます。一致するタグをプッシュすると、パッケージが検証され、ZIP とマニフェストを含む GitHub Release が作成されます。ホスト型 MCP はこの正確なパッケージをベンダー提供し、認証済みクライアントが MCP リソースを通じて読み取ったりダウンロードしたりできるようにします。
MIT © 2026 ScreensDesign。ScreensDesign の名称とロゴはブランド資産です。このライセンスは商標権を付与するものではありません。
ScreensDesign が制作 — 次の製品に関する意思決定に役立つ、実際のアプリ画面、記録された操作フロー、市場インテリジェンスを提供します。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。