app-store-screenshots

概览

技能能做什么

app-store-screenshots 技能会指导 AI agent，使用 infsh（inference.sh）CLI 设计并生成 Apple App Store 和 Google Play Store 的截图和预览场景。

它重点用于：

• 为 iOS 和 Android 创建可直接用于营销的设备 mockup
• 严格遵守官方平台的尺寸和设备类型规范
• 生成风格统一、适合 ASO 和应用详情更新的截图图集
• 准备可以在设计工具中进一步精修或排版的视觉素材

你无需自己反复查规格和手写 prompt，可以让技能驱动 agent：自动给出 prompt 建议、调用 infsh 模型，并针对应用商店列表截图进行多轮图像迭代。

适用人群

如果你是：

• 需要快速生成符合规格截图、但没有完整设计团队的 移动应用开发者
• 负责发布或测试新商店素材的 市场或 ASO 专员
• 想要 AI 生成设备 mockup 和英雄场景起稿的 设计师
• 想用尽量少的手工设计工作来打磨应用商店页面的 创始人或独立开发者

那这个技能就非常适合你。

前提是你对在命令行运行基础 CLI 命令、以及在既有设计或构建流程中管理图像资源比较熟悉。

它解决哪些问题

借助 app-store-screenshots，agent 可以帮助你：

• 避免在 iOS 和 Android 截图尺寸 上凭感觉乱试
• 快速创建突出核心功能的 设备 mockup 场景
• 构建同时满足 App Store 和 Google Play 要求的 统一风格图集
• 生成可后续剪辑成视频或动效的 预览类视觉素材

它 不会 帮你向商店上传素材，也不会替代官方提交流程。它专注于 图像生成和布局指导，不做上架自动化。

什么时候不适合用

以下情况可能不太适合使用该技能：

• 你不想安装或使用任何 CLI 工具
• 你已经有一整套成熟、可上线的截图，只需要轻量级图形微调
• 你需要自动化 上架发布、元数据管理或价格配置（这些都超出本技能范围）

如果你的主要工作是围绕应用商店页面进行创意、品牌统一的 图像生成和尺寸适配，app-store-screenshots 会非常契合。

---

使用方法

1. 安装与基础配置

在支持技能的 agent 环境中使用 app-store-screenshots 时，可以从 inferen-sh/skills 仓库添加该技能：

npx skills add https://github.com/inferen-sh/skills --skill app-store-screenshots

添加后，该技能的引导和提示就可以被 agent 使用，用来：

• 参考 App Store 和 Google Play 的截图规格
• 为 infsh 图像生成建议 prompt 和参数
• 给出图集结构和排序方案

技能本身提供的是元数据和指导；实际图像生成依赖 inference.sh CLI。

安装 inference.sh CLI

上游使用指南要求安装 infsh CLI。请按照仓库中的官方安装说明进行：

• CLI 安装说明：https://raw.githubusercontent.com/inference-sh/skills/refs/heads/main/cli-install.md

安装完成后，先登录：

infsh login

在让 agent 生成截图之前，请确认 infsh 已能在你的 shell 中正常使用。

2. 使用 infsh 的核心工作流

生成设备 mockup 场景

通过 infsh 使用支持的图像模型来生成基础 mockup，例如展示你应用 UI 的现代 iPhone：

infsh 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
}'

app-store-screenshots 技能可以帮助 agent：

• 优化 prompt 使其更贴合你的应用品类和品牌调性
• 提建议的 画面构图细节（角度、光线、背景风格等）
• 多轮迭代，直到场景符合你想要的营销叙事

之后，你可以在 Figma、Sketch、Photoshop 等工具或构建脚本中导出和调整这些图像。

3. 遵循平台规格

技能中编码了 App Store 和 Google Play 的关键截图要求，并引导 agent 遵守这些规则。

Apple App Store（iOS）

指南包含常见设备的尺寸，例如：

• iPhone 6.7" (15 Pro Max) – 1290 × 2796（必需）
• iPhone 6.5" (11 Pro Max) – 1284 × 2778（必需）
• iPhone 5.5" (8 Plus) – 1242 × 2208（可选）
• iPad Pro 12.9" (6th gen) – 2048 × 2732（适用于支持 iPad 的应用）
• iPad Pro 11" – 1668 × 2388（适用于支持 iPad 的应用）

技能可以指导 agent：

• 规划每种必需尺寸需要生成多少张截图
• 在不同尺寸间保持画面构图的一致性
• 提出在 App Store 实际展示尺寸下仍然清晰可读的文案覆盖方案

最终的导出和通过 App Store Connect 上传仍由你自行完成。

Google Play Store（Android）

上游指南同样覆盖了 Android / Google Play 的要求。基于此，agent 可以：

• 给出符合 Play Console 指南的尺寸建议
• 将 iOS 的概念转化为适合 Android 的布局
• 保持跨平台品牌视觉的一致性

当你想用 同一个营销概念 同时覆盖 iOS 和 Android，而不想为每一张截图从头重想时，这一点尤其有用。

4. 融入你的营销与构建流程

面向市场与 ASO 团队

• 在 功能发布规划 阶段使用该技能，快速打样新的图集概念
• 让 agent 为商店 A/B 测试 生成多种变体
• 通过调整 prompt，为 节日、开学季 等节点生成主题图集

面向开发者与 CI/CD 工作流

如果你的环境支持在自动化流程中调用 CLI，可以：

• 编写脚本批量运行 infsh，在发布前生成或刷新截图
• 将生成的图像存入仓库或资产管线
• 让 agent 提出可复用的 prompt 模板，并提交到仓库长期使用

技能本身不会帮你写 CI 脚本，但它的指导和 prompt 可以嵌入到你的现有自动化工作流中。

5. 值得查看的文件与参考

在 inferen-sh/skills 仓库中，重点关注：

• guides/design/app-store-screenshots/SKILL.md – 核心说明、约束条件和快速开始
• guides/design/ 下与图像生成和商店就绪素材相关的设计指南

阅读这些内容有助于你理解，当 agent 为应用商店生成视觉素材时，这个技能期望它如何行为。

---

常见问题（FAQ）

app-store-screenshots 是设计工具还是只是说明文档？

app-store-screenshots 是一个 技能定义和使用指南，而不是独立的设计应用。它会教 AI agent 如何：

• 遵守应用商店图像规格
• 正确调用 infsh 模型
• 按营销目标来组织 prompt 和截图图集

实际图像由 inference.sh CLI 及其底层模型 生成，而不是由技能本身生成。

一定要有 inference.sh CLI 才能用好这个技能吗？

需要。上游指南明确要求使用 infsh CLI。app-store-screenshots 默认 agent 能够调用 infsh 命令来：

• 完成认证（infsh login）
• 运行模型（例如 infsh app run falai/flux-dev-lora）

如果没有 CLI，agent 仍然可以和你讨论规格和策略，但无法直接生成图像。

这个技能能帮我把截图上传到 App Store 或 Google Play 吗？

不能。app-store-screenshots 专注于 图像生成和布局建议。你需要自行：

• 导出或下载生成的图片
• 准备必要的元数据
• 通过 App Store Connect 或 Google Play Console 手动上传截图和预览素材。

app-store-screenshots 能保证应用一定通过审核吗？

不能。它可以帮助你贴合 推荐的尺寸和视觉实践，但：

• 平台规范可能随时调整
• 审核还取决于内容合规、功能行为等多方面因素

在提交前，请务必对照最新的 Apple 和 Google 官方文档进行检查。

我可以在图像里使用自己的 App UI 吗？

可以。示例 prompt 中使用的是通用分析看板，但你可以：

• 提供更贴合你真实 UI 的文字描述
• 在设计工具中，将 AI 生成的背景或设备与应用实际截图进行合成

技能鼓励你把 AI 输出当作 可用于营销的 mockup 或基础素材，而不是完全替代展示真实产品。

这个技能适合用来做社交媒体创意图吗？

虽然它主要针对 应用商店截图 设计，但同样的 prompt 和 mockup 场景，往往也可以很好地迁移到：

• 宣布新版本的社交媒体配图
• 包含 App 界面的付费广告素材
• 落地页英雄图

如果你主要需求是泛社交媒体创意图，可以搭配一个更泛用的图像生成技能，与 app-store-screenshots 一起使用。

如果我只需要简单的缩放或裁剪呢？

如果你的截图已经设计完成，只是需要做一些简单的 缩放、裁剪或格式转换，app-store-screenshots 可能有些“杀鸡用牛刀”。它的优势在于：

• 生成全新的、由 AI 辅助的 mockup
• 帮助进行概念开发和图集策划
• 快速迭代应用商店营销视觉

若只做尺寸调整，一个基础的图像编辑工具或自动化脚本会更简单直接。