App StoreスクリーンショットMCPサーバー
Claude Code、Codex、Gemini CLIにApp Storeスクリーンショットのデザインを任せましょう。エージェントが編集可能なプロジェクトを作成し、ブラウザでレビューして、エクスポート用リンクを渡します。
https://appscreenshots.net/api/mcpコマンド1つで追加。無料・有料プランともMCPを利用できます。
MCPとは？
App StoreスクリーンショットMCPサーバーとは？
AppScreenshotsは https://appscreenshots.net/api/mcp でホスト型のMCP（Model Context Protocol）サーバーを運用しており、Claude Code、Codex、Gemini CLIなどのAIツールが、あなたのアカウント内でApp Storeスクリーンショットプロジェクトを作成・編集・レビューできます。OAuthブラウザログイン方式で、APIキーは不要です。
デザインとコピーはAIエージェントが担います。MCPサーバーに保存されるのは本物の編集可能なプロジェクトで、テンプレート・デバイスモックアップ・見出し・背景が、フレーム単位で磨き続けられるプロジェクトになります。
プレビューとエクスポートはWebサイトのエディタで行うため、あなたが確認する前に公開されることはありません。
画面を撮るだけでなく、マーケティングスクリーンショットを合成
このサーバーは「合成」を担当
許可されたテンプレートとアセットから、デバイスモックアップ・見出し・グラデーション・ローカライズコピーを備えたストア向けマーケティングスクリーンショットを、編集可能なプロジェクトとして作成します。
キャプチャツールは別の役割
simctlやfastlane snapshotは端末画面に映っているものを撮影するツールです。生のキャプチャにはそれらを使い、画像はここにアセットとしてアップロードしてください。
はじめ方
コマンド1つでAIツールを接続
下のエンドポイントをクライアントに追加し、ブラウザログインで認可を完了してください。このページのクライアントはすべてStreamable HTTPとOAuthに対応しています。
Claude Code
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcp次に: Claude Codeで /mcp を実行し、ブラウザでAppScreenshotsを認可します。
または設定ファイルをマージ
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}Codex
codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcp次に: codex mcp login appscreenshots を実行するとブラウザログインが開きます。
または設定ファイルをマージ
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"Gemini CLI
gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcp次に: Gemini CLI内で /mcp auth appscreenshots を実行します。
または設定ファイルをマージ
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}Kimi Code
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp次に: Kimi Codeで /mcp-config を開き、上のHTTPサーバーを追加して /mcp-config login appscreenshots を実行します。保存後にセッションを再起動してください。
または設定ファイルをマージ
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}ZCode
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp次に: 設定を ~/.zcode/cli/config.json の mcp.servers にマージするか、Settings → MCP でHTTPサービスを追加します。セッションを再起動し、表示されたらOAuthログインを完了してください。
または設定ファイルをマージ
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}ChatGPT
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcp次に: アカウントまたはワークスペースのカスタムMCP接続エントリで、上のエンドポイントとOAuthを使用します。利用可否はワークスペースの設定次第です。
コピペできる設定ファイルとオプションのSkillが欲しい方へ
GitHubの公開接続キットには、上記すべてのクライアントの設定ファイル、ワークフローを教えるオプションのエージェントSkill、ターミナルからサーバーを診断するdoctorコマンドが含まれます。
GitHubで appscreenshots-mcp を見るツール
エージェントが呼び出せる9つのツール
読み取りツールは機能・テンプレート・プロジェクト・アセットを確認し、書き込みツールはプロジェクトを作成し、リビジョン管理された構造化編集を適用します。
読み取りツール
| ツール | できること |
|---|---|
get_capabilities | 利用権限、デザイン範囲、デバイス、プレビュー/エクスポートモードを取得 |
search_templates | 公開テンプレートのメタデータを検索 |
get_template | 利用権限のあるテンプレートを取得 |
list_projects | 許可されたプロジェクトを一覧表示（1ページ25件） |
get_project | プロジェクトの現在のリビジョンと編集可能なデザインを取得 |
get_project_preview | エディタリンク、リビジョン、ページ、ブラウザレビュー手順を取得 |
list_assets | 共有アセットと許可プロジェクト内のアセットを一覧表示 |
書き込みツール
| ツール | できること |
|---|---|
create_project | テンプレートまたは空白キャンバスからプロジェクトを作成 |
update_project | リビジョンと冪等性保護付きの構造化編集を適用 |
仕組み
プロンプトからストア対応スクリーンショットへ
接続されたエージェントがたどる標準フローです。
- 1
接続して認可
クライアントにMCPサーバーを追加し、AppScreenshotsアカウントでログインします。同意ページで、ツールが使えるプロジェクトとアセット、プロジェクト作成の可否を選びます。
- 2
要件を伝える
自然言語でスクリーンショットセットを依頼します。エージェントは機能を確認し、テンプレートを検索して編集可能なプロジェクトを作成します。
- 3
ブラウザでレビュー
プレビューツールがエディタリンクを返します。ブラウザツールを持つエージェントはリンクを開き、スクリーンショットを確認し、視覚的な問題をMCP経由で修正します。
- 4
完成まで反復
すべての書き込みはリビジョン管理と冪等性で保護されるため、ローカライズ・デバイス変更・リスタイルを依頼しても既存フレームは壊れません。
- 5
エディタでエクスポート
同じプロジェクトをWebサイトエディタで開き、ストア向け画像をエクスポートします。プレビューとエクスポートは常にあなたの手の中にあります。
利用可能なテンプレートと許可済みアセットを使って、英語のApp Storeスクリーンショットプロジェクトを作成してください。短い見出しとシンプルなレイアウトで。ブラウザツールでエディタを開き、スクリーンショットを確認して視覚的な問題を修正し、Webサイトでエクスポートできるプロジェクトリンクを渡してください。
例
どんな依頼ができるか
プロジェクトは編集可能なまま残るので、追加の依頼は低コストです。
セットをローカライズ
“現在のフレームを日本語とドイツ語に複製してください。レイアウトを保ち、見出しを翻訳し、訳文の長さは英語版の20%増以内に収めてください。”
デバイスを変更
“デバイスモックアップを大きめのPro Maxモデルに切り替え、構図のバランスが保たれるよう背景のグラデーションを調整してください。”
一文でリスタイル
“2フレーム目をダーク背景に変更し、見出しを上三分之一に移動し、キャプションにはサブアクセントカラーを使ってください。”
セキュリティと制限
主導権はあなたにあります
MCPアクセスはスコープされ、監視可能で、いつでも取り消せます。
- 認証
- PKCE付きOAuth 2.1ブラウザログイン — クライアントにAPIキーやパスワードは保存しません
- プロジェクト単位の同意
- ツールは選択されたプロジェクトとアセットのみ参照でき、それ以外は見えません
- いつでも取り消し可能
- Settings → Connected AI tools で接続を取り消すと即時反映 — アクセストークンとリフレッシュトークンは直ちに無効になります
- トークン有効期間
- アクセストークンとリフレッシュトークンはどちらも30日有効
- レート制限
- 無料プランは毎分60回、有料プランは毎分120回のMCP呼び出し
- プロジェクト制限
- プロジェクトあたり最大20フレーム、フレームあたり最大100要素。キャンバスサイズは100〜5000 px
- 料金
- 追加課金なし — 現行プランの権限、テンプレート、エクスポート制限がそのまま適用されます
FAQ
MCPサーバーFAQ
AIツール接続前に開発者がよく尋ねること。
次のストアリストはエージェントに任せよう
AppScreenshots MCPサーバーをAIツールに追加して、1つのプロンプトから編集可能でストア対応のスクリーンショットプロジェクトへ。