app-store-screenshot-generation

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

each::sense を使用して、コンバージョン率の高い App Store および Google Play 向けのスクリーンショット素材を生成します。このスキルでは、デバイスフレーム、機能の吹き出し、ダウンロードを促すプロモーションビジュアルを盛り込んだ、アプリストアの要件に最適化された画像を作成します。

機能

• iOS App Store スクリーンショット：適切な寸法の iPhone および iPad のデバイスフレーム
• Google Play スクリーンショット：Play Store 向けに最適化された Android のデバイスフレーム
• 機能のハイライト：吹き出しテキストや視覚的な強調を盛り込んだスクリーンショット
• ライフスタイルのコンテキスト：実際の利用シーンでアプリを表示
• ローカライズされたスクリーンショット：グローバル市場向けの多言語版
• アプリプレビューのサムネイル：動画プレビュー用のポスターフレーム
• 変更前と変更後の比較：ユーティリティアプリ向けの変化の紹介
• オンボーディングフロー：複数画面で構成されるアプリの操作案内
• ダークモード／ライトモードのバリエーション：網羅性を高めるための両テーマ版
• A/B テスト用バリエーション：最適化に向けた複数のクリエイティブ案

クイックスタート

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot for a fitness tracking app showing the workout dashboard with an iPhone 15 Pro device frame, 1320x2868 pixels"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

スクリーンショットの仕様

プラットフォーム	デバイス	寸法	アスペクト比	用途
iOS App Store	iPhone 6.7"	1320x2868	~1:2.17	iPhone 15 Pro Max、14 Pro Max
iOS App Store	iPad 12.9"	2064x2752	~3:4	iPad Pro のスクリーンショット
Google Play	スマートフォン	1080x1920	9:16	標準的な Android スマートフォン

ユースケースの例

1. デバイスフレーム付き iOS App Store スクリーンショット

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot at 1320x2868 pixels. Show a sleek iPhone 15 Pro device frame displaying a meditation app interface with a calming gradient background, session timer, and breathing animation. Add headline text at the top: \"Find Your Inner Peace\". Clean, minimal design with soft purple and blue tones."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

2. Google Play スクリーンショット

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a Google Play Store screenshot at 1080x1920 pixels. Show an Android phone displaying a recipe app with a food photo, ingredients list, and cooking steps. Include feature text: \"10,000+ Recipes at Your Fingertips\". Bright, appetizing color scheme with warm orange accents."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

3. 機能をハイライトしたスクリーンショット

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot at 1320x2868 pixels for a banking app. Show iPhone device frame with the app dashboard displaying account balances and recent transactions. Add visual callouts pointing to key features: instant transfers, budget tracking, and bill reminders. Use professional blue color scheme. Headline: \"Smart Banking Made Simple\"."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

4. ライフスタイル／コンテキストのスクリーンショット

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot at 1320x2868 pixels showing a travel app in lifestyle context. Show a person holding an iPhone at an airport terminal, screen displaying flight boarding pass and gate information. Natural lighting, professional travel photography style. Include subtle text overlay: \"Your Journey Starts Here\". Blurred airport background for depth."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

5. ローカライズされたスクリーンショット（スペイン語）

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot at 1320x2868 pixels for a language learning app, localized for Spanish market. Show iPhone device frame with Spanish lesson interface. All text in Spanish: headline \"Aprende Ingles en 10 Minutos al Dia\", feature callouts \"Lecciones Interactivas\" and \"Practica con Nativos\". Vibrant educational color scheme with green and yellow accents."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

6. アプリプレビュー動画のサムネイル

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an App Preview video thumbnail at 1320x2868 pixels for a photo editing app. Show iPhone 15 Pro frame with the app interface mid-edit - a stunning portrait photo with editing tools visible. Add a prominent play button overlay in the center. Dramatic headline: \"Transform Your Photos\". Dynamic, creative composition that entices users to watch the preview."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

7. 変更前と変更後を比較するスクリーンショット

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot at 1320x2868 pixels for a photo enhancement app. Show a split-screen before/after comparison - left side shows original dark, grainy photo, right side shows the same photo enhanced with better lighting, color, and clarity. Include divider line with drag handle. Labels \"Before\" and \"After\" above each side. Headline at top: \"One Tap Enhancement\"."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

8. オンボーディングフローのスクリーンショット

# First onboarding screen
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create iPhone App Store screenshot 1 of 3 for a habit tracking app onboarding flow, 1320x2868 pixels. Show iPhone device frame with welcome screen - friendly illustration of person achieving goals, headline \"Build Better Habits\", subtitle \"Track your daily progress and reach your goals\". Include pagination dots showing first of three screens. Motivational, energetic color scheme."}],

    "model": "eachsense/beta",
    "stream": true,
    "session_id": "onboarding-habit-app"
  }'

# Second onboarding screen (same session for consistency)
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create screenshot 2 of 3 for the same habit tracking app. Show the habit dashboard with streak counters, progress rings, and daily checklist. Headline \"Stay Consistent\", subtitle \"Visual progress keeps you motivated\". Maintain same style and pagination dots showing second screen."}],

    "model": "eachsense/beta",
    "stream": true,
    "session_id": "onboarding-habit-app"
  }'

# Third onboarding screen
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create screenshot 3 of 3 for the habit tracking app. Show reminder notifications and weekly statistics view. Headline \"Never Miss a Day\", subtitle \"Smart reminders at the perfect time\". Same style, pagination dots showing third screen. Include a subtle call-to-action feel."}],

    "model": "eachsense/beta",
    "stream": true,
    "session_id": "onboarding-habit-app"
  }'

9. ダークモード／ライトモードのバリエーション

# Light mode version
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot at 1320x2868 pixels for a notes app - LIGHT MODE version. Show iPhone 15 Pro silver device frame with the app in light theme: white background, clean typography, organized note cards. Headline \"Capture Every Idea\". Bright, clean, minimalist aesthetic."}],

    "model": "eachsense/beta",
    "stream": true,
    "session_id": "notes-app-themes"
  }'

# Dark mode version (same session)
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create the same notes app screenshot but in DARK MODE. Show iPhone 15 Pro space black device frame with dark theme interface: dark gray background, same layout as light mode but inverted colors. Headline \"Easy on Your Eyes\". Elegant, sophisticated dark aesthetic. Maintain visual consistency with light mode version."}],

    "model": "eachsense/beta",
    "stream": true,
    "session_id": "notes-app-themes"
  }'

10. A/B テスト用スクリーンショットのバリエーション

# Variation A - Feature-focused
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create iPhone App Store screenshot at 1320x2868 pixels for a workout app - VARIATION A (feature-focused). Show iPhone device frame with workout library screen displaying exercise thumbnails. Headline emphasizing features: \"500+ Workouts, Zero Equipment\". Clean, informative design focusing on app content and variety."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation B - Benefit-focused
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create iPhone App Store screenshot at 1320x2868 pixels for a workout app - VARIATION B (benefit-focused). Show iPhone device frame with progress tracking screen showing weight loss chart and achievements. Headline emphasizing results: \"Transform Your Body in 30 Days\". Motivational, aspirational design focusing on outcomes."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation C - Social proof
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create iPhone App Store screenshot at 1320x2868 pixels for a workout app - VARIATION C (social proof). Show iPhone device frame with community feed showing user transformations and testimonials. Headline: \"Join 2 Million Active Users\". Community-focused design with user photos and star ratings visible."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

ベストプラクティス

スクリーンショットのデザイン

• セーフゾーン：重要なコンテンツは端から離して配置し、ステータスバー領域となる上部 20% は避けます
• テキストの階層：大きく読みやすい見出しを使用します（40pt 相当以上）
• デバイスフレーム：現行世代のデバイスモックアップを使用します（iPhone 15 Pro、Pixel 8）
• コントラスト：どの背景要素の上でもテキストが読みやすいようにします
• 一貫性：すべてのスクリーンショットでスタイル、フォント、配色を統一します

App Store 最適化

• 最初のスクリーンショット：最も魅力的なものにします。ユーザーが目にするのは最初の1枚だけであることも少なくありません
• 機能の吹き出し：スクリーンショットごとに主要な機能を1～2個強調します
• ローカライズ：見出しだけでなく、対象市場向けにすべてのテキストを翻訳します
• 季節ごとの更新：アプリの大規模なアップデートに合わせてスクリーンショットを更新します

iPad のスクリーンショット

• 横向きの選択肢：アプリによっては、iPad の横向きスクリーンショットに対応しています
• スペースの活用：大きなキャンバスを生かして、より詳細な UI を表示します
• Split View：該当する場合は、マルチタスク機能を紹介します

モードの選択

生成を始める前にユーザーに確認します。

「反復用の高速な下書きと、提出用の最終品質のどちらを希望しますか？」

モード	適した用途	速度	品質
max	App Store への最終提出、仕上げ済みの素材	遅い	最高
eco	素早い下書き、A/B テストのバリエーション、コンセプトの検討	速い	良好

複数ターンでのスクリーンショットの反復

session_id を使用して、スクリーンショットのデザインを反復します。

# Initial screenshot
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPhone App Store screenshot at 1320x2868 for a podcast app with episode list view"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "podcast-screenshot-v1"
  }'

# Iterate based on feedback
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Add a headline saying \"Your Daily Commute Companion\" and change the background to a gradient purple"}],

    "model": "eachsense/beta",
    "stream": true,
    "session_id": "podcast-screenshot-v1"
  }'

# Request variation
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create 2 more variations with different headline angles - one focusing on discovery, one on offline listening"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "podcast-screenshot-v1"
  }'

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

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an iPad App Store screenshot at 2064x2752 pixels for a design app. Show iPad Pro device frame with the canvas workspace, featuring drawing tools, layers panel, and color picker. Professional creative app interface. Headline: \"Design Without Limits\". Take advantage of the larger screen to show detailed UI."}],

    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

エラー処理

エラー	原因	解決策
Failed to create prediction: HTTP 422	残高不足	eachlabs.ai でチャージします
コンテンツポリシー違反	禁止コンテンツ	プロンプトを調整してストアのガイドラインに準拠させます
タイムアウト	生成が複雑	クライアントのタイムアウトを最低10分に設定します
寸法の不一致	アスペクト比が不正	上記の表に記載された正確な仕様を使用します

Related Skills

• each-sense - Core API documentation
• meta-ad-creative-generation - Facebook/Instagram ad creatives
• product-photo-generation - E-commerce product shots