mcpField
A
AppScreen

AppScreen

ローカル
appscreen.coメディア・デザイン02 週間前に更新

AppScreen について

AppScreenは、アプリのキャプチャからストア掲載用画像を作るMCPサーバーです。デバイスフレーム、出力サイズ、言語に対応し、レンダリングと状態確認のツールを提供します。

主な機能

  1. 01レイアウトと画像ファイルからのスクリーンショット生成
  2. 02ストア用サイズと言語への対応
  3. 03デバイスフレームの適用
  4. 04非同期レンダリング状態の確認

活用シーン

  1. 01App StoreやGoogle Playの掲載画像作成
  2. 02多言語スクリーンショットの作成
  3. 03待機中の画像出力状況の確認

MCP 対応

MCPクライアントにスクリーンショット生成とレンダリング状態確認のツールを提供します。ローカルのサーバー環境にある画像ファイルのパスを受け取ります。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"co-appscreen": {
"command": "npx",
"args": [
"-y",
"@appscreen/mcp"
],
"env": {
"APPSCREEN_API_KEY": "<APPSCREEN_API_KEY>",
"APPSCREEN_BASE_URL": "<APPSCREEN_BASE_URL>"
}
}
}
}
起動コマンドnpx -y @appscreen/mcp
設定が必要な環境変数
APPSCREEN_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 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@appscreen/mcp0.30.0

ツール

2

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
filesarrayいいえ低レベルのアップロードと screensMeta の手動バインドです。代わりにインラインパスを優先してください。各画面に screenshot.path / screenshot.pathsByLang、画像背景に bg.path、画像オブジェクトに path を指定すると、サーバーがアップロードとバインドを行います。screensMeta を手動管理する場合に限り、トップレベルの files[] を使用してください。
langsarrayはいロケール(catalog.langs)。
sizesarrayはいターゲットキャンバスサイズ(catalog.sizes[].id)。
layoutstringいいえcatalog.layouts のいずれか(デフォルト = `default`)。
roundedbooleanいいえ
screensarrayはい
screensMetaarrayいいえ
cornerRadiusstringいいえ
idempotencyKeystringいいえ

詳細

@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 キーを使用すると、そのキーを作成したワークスペースのクレジットが消費されます。

プランクレジット/月備考
Free50エクスポートごとに1サイズ、英語、エクスポートごとに画面10枚まで。1時間あたり3回のレンダリング。
Starter — $4 / mo4005サイズすべて、エクスポートごとに任意の3言語、自動翻訳。1時間あたり3回のレンダリング。
Pro — $8 / mo2,50015言語すべて、エクスポートごとに画面200枚まで。MCP を最大速度で利用可能。
Team — $29 / mo8,000 pooled3シートを含みます。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_URLAPI URL を上書きします。デフォルトは https://api.appscreen.co です。
APPSCREEN_MCP_CLIENTクライアント識別子を上書きします(MCP の初期化時に自動検出されます)。

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。