app-store-screenshots

belt CLI スキルをインストール： npx skills add belt-sh/cli

App Store のスクリーンショット

inference.sh CLI を使用して、アプリストアのスクリーンショットやプレビュー動画を作成します。

クイックスタート

inference.sh CLI（belt）が必要です。インストール手順

belt login

# Generate a device mockup scene
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone 15 Pro showing a clean modern app interface with analytics dashboard, floating at slight angle, soft gradient background, professional product photography, subtle shadow, marketing mockup style",
  "width": 1024,
  "height": 1536
}'

プラットフォーム仕様

Apple App Store（iOS）

デバイス	寸法（px）	必須
iPhone 6.7" (15 Pro Max)	1290 x 2796	必須
iPhone 6.5" (11 Pro Max)	1284 x 2778	必須
iPhone 5.5" (8 Plus)	1242 x 2208	任意
iPad Pro 12.9" (第6世代)	2048 x 2732	iPad アプリの場合
iPad Pro 11"	1668 x 2388	iPad アプリの場合

• ローカライズごとに最大 10 枚のスクリーンショット
• 最初の 3 枚のスクリーンショットはスクロールせずに表示されます（重要）
• 形式：PNG または JPEG（JPEG はアルファ／透過に対応していません）

Google Play ストア（Android）

仕様	値
最小寸法	320 px（いずれかの辺）
最大寸法	3840 px（いずれかの辺）
アスペクト比	16:9 または 9:16
スクリーンショットの最大数	デバイスの種類ごとに 8 枚
形式	PNG または JPEG（24-bit、アルファなし）

• フィーチャーグラフィック：1024 x 500 px（特集掲載に必須）
• プロモーション動画：YouTube URL（任意ですが推奨）

最初の3枚のルール

App Store でのインプレッションの 80% では、スクロールする前に最初の 3 枚のスクリーンショットだけが表示されます。 この3枚では、次のことを伝える必要があります。

1. 中核となる価値提案を伝える
2. 最も優れた機能や成果を示す
3. 競合製品との差別化を図る

スクリーンショットギャラリーの順序

位置	内容	目的
1	ヒーロー — 中核的な価値、最も優れた機能	スクロールを止め、アプリの機能を伝える
2	主な差別化要素	競合製品と比べた独自性を伝える
3	最も人気のある機能	ユーザーが最も気に入っている機能を示す
4	ソーシャルプルーフまたは成果	評価、結果、推薦の声
5-8	その他の機能	補足機能、設定、連携
9-10	特殊なケース	ニッチなユーザー向けの専門機能

スクリーンショットのスタイル

1. デバイスフレームとキャプション

標準的な形式：アプリを表示したデバイスのモックアップと、その上下に配置したキャプション。

┌──────────────────────────┐
│   "Track Your Habits     │  ← Caption (benefit-focused)
│    Effortlessly"         │
│                          │
│   ┌──────────────────┐   │
│   │                  │   │
│   │   App Screen     │   │  ← Actual app UI in device frame
│   │   Content        │   │
│   │                  │   │
│   │                  │   │
│   └──────────────────┘   │
│                          │
└──────────────────────────┘

2. UI 全面表示（デバイスフレームなし）

アプリの UI がスクリーンショット全体を占めます。没入感のあるアプリに適しています。

3. 日常の利用シーン

実際の利用場面でデバイスを見せます（スマートフォンを持つ人、机の上に置かれた端末など）。

4. コールアウトで機能を強調

特定の機能を指し示す矢印や円を重ねた UI スクリーンショットです。

キャプションの書き方

ルール

• テキストは最大2行
• 機能ではなく、メリットを中心にする
• フォントサイズは30pt 相当以上（ストアで読み取れる必要があります）

例

❌ Feature-focused:
"Push Notification System"
"Calendar View with Filters"
"Data Export Functionality"

✅ Benefit-focused:
"Never Miss a Deadline Again"
"See Your Week at a Glance"
"Share Reports in One Tap"

スクリーンショットの生成

ヒーロースクリーンショット（位置1）

# Clean device mockup with hero feature
belt app run falai/flux-dev-lora --input '{
  "prompt": "modern iPhone showing a beautiful fitness tracking app with activity rings and workout summary, device floating at slight angle against soft purple gradient background, professional product shot, clean minimal composition, subtle reflection",
  "width": 1024,
  "height": 1536
}'

機能の強調

# Feature callout style
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "app store screenshot style, iPhone showing a messaging app with AI writing suggestions highlighted, clean white background, subtle UI callout arrows, professional marketing asset, modern design",
  "size": "2K"
}'

日常の利用シーン

# Device in real-world setting
belt app run falai/flux-dev-lora --input '{
  "prompt": "person holding iPhone showing a cooking recipe app, kitchen background with ingredients, warm natural lighting, over-the-shoulder perspective, lifestyle photography, authentic feeling",
  "width": 1024,
  "height": 1536
}'

ビフォー／アフター

# Split comparison
belt app run infsh/stitch-images --input '{
  "images": ["before-screenshot.png", "after-screenshot.png"],
  "direction": "horizontal"
}'

プレビュー動画

Apple App Store

仕様	値
長さ	15-30秒
画面の向き	縦または横（アプリに合わせる）
音声	任意（ストアでは音声なしでループ再生）
形式	H.264、.mov または .mp4

Google Play

仕様	値
ソース	YouTube URL
長さ	30秒〜2分を推奨
画面の向き	横向きを推奨

プレビュー動画の構成

セグメント	長さ	内容
フック	0-3秒	中核となる成果や驚きの瞬間を見せる
機能1	3-10秒	最も重要な機能の動作を実演する
機能2	10-18秒	2つ目の主要機能
機能3	18-25秒	3つ目の機能またはソーシャルプルーフ
CTA	25-30秒	アプリアイコンを表示したエンド画面

# Generate preview video scenes
belt app run google/veo-3-1-fast --input '{
  "prompt": "smooth screen recording style, finger tapping on a modern mobile app interface, swiping between screens showing charts and data visualizations, clean UI transitions, professional app demo"
}'

ローカライズ

言語ごとにスクリーンショットを用意します。優先度は次のとおりです。

市場	ローカライズのレベル
主要市場	完全対応：新しいスクリーンショット＋翻訳済みキャプション
第2市場	キャプションを翻訳し、スクリーンショットは共通
その他	英語をデフォルトにする

主要なローカライズ対象市場：英語、日本語、韓国語、中国語（簡体字）、ドイツ語、フランス語、スペイン語、ポルトガル語（ブラジル）

A/B テスト（Google Play）

Google Play Console では、ストア掲載情報のテストを実施できます。

• スクリーンショットの順序を変えてテストする
• デバイスフレームの有無をテストする
• キャプションを変えてテストする
• 配色を変えてテストする
• 有意な結果を得るには、トラフィックの50％以上を対象に7日以上実施する

よくある間違い

間違い	問題	修正方法
設定画面をスクリーンショットにする	設定に関心を持つ人はいません	インフラではなく、主な価値を見せる
オンボーディングの画面を使う	価値ではなく手間を伝えてしまいます	アプリの利用中の状態を見せる
テキストが多すぎる	ストアで読めません	2行以内、フォントは30pt以上
寸法が間違っている	ストアに却下されます	プラットフォームの正確な仕様を使う
すべてのスクリーンショットが同じに見える	スクロールする理由がありません	構図や内容に変化をつける
機能に焦点を当てたキャプション	メリットが伝わりません	「プッシュ通知」より「締め切りを逃さない」
UIが古い	更新が止まっているように見えます	メジャーリリースのたびにスクリーンショットを更新する
ヒーロースクリーンショットがない	第一印象が弱くなります	1枚目に最も魅力的なスクリーンショットを配置する

チェックリスト

• 対象プラットフォームに合った正しい寸法
• 最初の3枚で主な価値を伝えている
• キャプションはメリットを重視し、2行以内
• オンボーディング画面や設定画面を使っていない
• プレビュー動画は15～30秒で、最初の3秒にフックがある
• 主要市場向けにローカライズしている
• Google Play 用のフィーチャーグラフィック（1024x500）がある
• 現在のアプリバージョンに合わせてスクリーンショットを更新している
• A/B テスト用のバリエーションを用意している

関連スキル

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering

すべてのアプリを閲覧する：belt app list