关于 app-store-screenshot-generation
app-store-screenshot-generation 是使用 each::sense 制作 App Store 和 Google Play 宣传截图的技能,支持设备框、文本标注、本地化及多种创意版本。
主要功能
- 01iOS 与 Google Play 截图素材
- 02设备框与功能标注
- 03面向不同市场的本地化版本
- 04引导流程与主题变体
- 05A/B 测试创意版本
适用场景
- 01准备 iPhone App Store 截图
- 02制作 Google Play 上架视觉素材
- 03本地化应用商店截图
- 04通过 A/B 测试比较创意方案
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ eachlabs/ skills --skill app-store-screenshot-generation安装后在 Claude Code 中输入/app-store-screenshot-generation确认已加载。
附带文件references/SSE-EVENTS.md
详细介绍
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% 的状态栏区域
- 文本层级:使用醒目、易读的标题(至少相当于 40 pt)
- 设备边框:使用当前一代设备模型(iPhone 15 Pro、Pixel 8)
- 对比度:确保文字在任何背景元素上都清晰可读
- 一致性:所有截图应保持相同的风格、字体和配色方案
App Store 优化
- 第一张截图:让它成为最出色的一张——用户通常只会看到这一张
- 功能说明:每张截图突出 1-2 项核心功能
- 本地化:为目标市场翻译所有文字,而不仅是标题
- 季节性更新:应用有重大更新时,及时更新截图
iPad 截图
- 横屏选项:部分应用可使用 iPad 横屏截图
- 利用空间:利用更大的画布展示更详细的 UI
- 分屏视图:如适用,展示多任务处理能力
模式选择
生成前询问用户:
“您想要便于迭代的快速草稿,还是可供提交的最终品质?”
| 模式 | 最适用于 | 速度 | 品质 |
|---|---|---|---|
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 documentationmeta-ad-creative-generation- Facebook/Instagram ad creativesproduct-photo-generation- E-commerce product shots
评论
支持 Markdown