AppScreen について
AppScreenは、アプリのキャプチャからストア掲載用画像を作るMCPサーバーです。デバイスフレーム、出力サイズ、言語に対応し、レンダリングと状態確認のツールを提供します。
主な機能
- 01レイアウトと画像ファイルからのスクリーンショット生成
- 02ストア用サイズと言語への対応
- 03デバイスフレームの適用
- 04非同期レンダリング状態の確認
活用シーン
- 01App StoreやGoogle Playの掲載画像作成
- 02多言語スクリーンショットの作成
- 03待機中の画像出力状況の確認
MCP 対応
MCPクライアントにスクリーンショット生成とレンダリング状態確認のツールを提供します。ローカルのサーバー環境にある画像ファイルのパスを受け取ります。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
npx -y @appscreen/mcpAPPSCREEN_API_KEYシークレットOptional MCP key (mcm_live_…) from https://appscreen.co/account/keys. Omit for 5 free anonymous renders.APPSCREEN_BASE_URLOverride the API base URL. Defaults to https://api.appscreen.co.ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。
ツール
2掲載時のツール一覧 · 2 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| files | array | いいえ | 低レベルのアップロードと screensMeta の手動バインドです。代わりにインラインパスを優先してください。各画面に screenshot.path / screenshot.pathsByLang、画像背景に bg.path、画像オブジェクトに path を指定すると、サーバーがアップロードとバインドを行います。screensMeta を手動管理する場合に限り、トップレベルの files[] を使用してください。 |
| langs | array | はい | ロケール(catalog.langs)。 |
| sizes | array | はい | ターゲットキャンバスサイズ(catalog.sizes[].id)。 |
| layout | string | いいえ | catalog.layouts のいずれか(デフォルト = `default`)。 |
| rounded | boolean | いいえ | |
| screens | array | はい | |
| screensMeta | array | いいえ | |
| cornerRadius | string | いいえ | |
| idempotencyKey | string | いいえ |
詳細
@appscreen/mcp
AppScreen 用の MCP サーバーです。Claude Desktop、Claude Code、Cursor、Codex など、MCP に対応したあらゆるエージェントから、App Store/Play Store のスクリーンショットを生成できます。
インストール
# Latest, no install — recommended for end users
npx -y @appscreen/mcp
設定(Claude Desktop)
~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"appscreen": {
"command": "npx",
"args": ["-y", "@appscreen/mcp"],
"env": {
"APPSCREEN_API_KEY": "mcm_live_…"
}
}
}
}
匿名で利用する場合は APPSCREEN_API_KEY を省略してください(生涯で5回までレンダリングでき、その後はサインアップが必要です)。
設定(その他のクライアント)
-
Claude Code:
claude mcp add appscreen -- npx -y @appscreen/mcp -
Cursor:
.cursor/mcp.json— 上記と同じ JSON 形式です。 -
Codex:
codex mcp add appscreen -- npx -y @appscreen/mcp、または~/.codex/config.tomlに追加します。[mcp_servers.appscreen] command = "npx" args = ["-y", "@appscreen/mcp"] env = { APPSCREEN_API_KEY = "mcm_live_…" }
ツール
render_screenshots— 画面(レイアウト JSON)と画像ファイルを受け取ります。jobId(キー認証/非同期)またはダウンロードリンク(匿名/インライン)を返します。匿名での無料利用は生涯5回までです。get_render_status—jobIdの状態をポーリングします。完了すると、ステータスと署名付きダウンロード URL を返します。
画像は base64 ではなくパスで渡す
サーバーはローカルで動作するため、ファイルパスを指定してください。ファイルのバイトデータはディスクから読み込まれます。実際のスクリーンショットを base64 にエンコードして呼び出しに含めないでください。LLM が18,000~90,000文字の base64 文字列を出力すると、途中で文字が欠落し、その箇所より下の PNG が黒くレンダリングされます。
"files": [
{ "name": "1.png", "path": "~/app/screenshots/home.png" }, // ✅ preferred
{ "name": "2.png", "path": "/abs/path/settings.png" }
]
// base64 is accepted only for tiny synthetic test images:
// { "name": "x.png", "base64": "iVBORw0KG..." }
バンドルのダウンロード URL は署名付きで、約1時間後に期限切れになります。URL を更新するには、再度ポーリングしてください。
クォータ
サインイン済みの利用は、クレジット単位で計測されます。1クレジット=エクスポートした画像1枚です(画面数 × サイズ数 × 言語数)。エクスポートに失敗した場合、クレジットは返還されます。自動翻訳は無料です。MCP キーを使用すると、そのキーを作成したワークスペースのクレジットが消費されます。
| プラン | クレジット/月 | 備考 |
|---|---|---|
| Free | 50 | エクスポートごとに1サイズ、英語、エクスポートごとに画面10枚まで。1時間あたり3回のレンダリング。 |
| Starter — $4 / mo | 400 | 5サイズすべて、エクスポートごとに任意の3言語、自動翻訳。1時間あたり3回のレンダリング。 |
| Pro — $8 / mo | 2,500 | 15言語すべて、エクスポートごとに画面200枚まで。MCP を最大速度で利用可能。 |
| Team — $29 / mo | 8,000 pooled | 3シートを含みます。MCP を最大速度で利用可能。 |
一回限りのクレジットパックは Free を含むすべてのプランで利用できます。100クレジットは $5、400クレジットは $15、1,500クレジットは $39で、12か月間有効です。匿名での利用(キーなし)はクレジットでは計測されず、生涯5回までです。
すべてのツール応答には _meta.quota = {used, cap, tier, resetAt} と、残りのクレジット数を示す balance が含まれます。また、レンダリングの送信時には、API から返された場合に cost も含まれます。サインイン済みの呼び出し元では、used と cap はクレジット数を示し(cap − used = balance)、tier はプラン ID です。匿名の呼び出し元では、これらは生涯5回のレンダリング回数を示し、tier は anon-mcp です。残りが半分未満になると、テキストコンテンツに短い通知(「残り N クレジット…」)が含まれます。残りが20%未満、またはゼロになると、応答に _meta.upgradeUrl も含まれます。
ワークスペースのクレジットでは足りないエクスポートは、HTTP 402 insufficient_credits で失敗します。エラーテキストにはコストと残高が表示されます。詳細は https://appscreen.co/pricing をご覧ください。
環境変数
| 変数 | 用途 |
|---|---|
APPSCREEN_API_KEY | 任意。https://appscreen.co/account/keys で取得する MCP キー(mcm_live_…)です。Free を含むすべてのプランで利用できます。プログラムから使用する ask_live_… API キーとは異なります。 |
APPSCREEN_BASE_URL | API URL を上書きします。デフォルトは https://api.appscreen.co です。 |
APPSCREEN_MCP_CLIENT | クライアント識別子を上書きします(MCP の初期化時に自動検出されます)。 |
ライセンス
MIT
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。