OPEN-SOURCE SKILL REVIEW
App Store Screenshots Skill：用 AI 生成应用商店截图
它不是一个一次性的截图模板，而是一套由 AI Agent 搭建的可视化工作台：从真实 App 截图、营销文案和跨屏构图，到多语言与商店尺寸批量导出，都能在同一个项目里完成。
Every screen. iOS · Android · Locales
如果你搜索“App Store 截图生成器”或“AI 应用商店截图工具”，真正想解决的通常不是把手机截图塞进边框，而是如何更快做出一组能表达卖点、符合尺寸、可以持续迭代的营销素材。开源项目 ParthJadhav/app-store-screenshots 正是为这条完整链路设计的。
App Store Screenshots Skill 是什么？
App Store Screenshots Skill 是一个给 Claude Code、Cursor、Windsurf、OpenCode、Codex 等 AI 编程 Agent 使用的开源技能。安装后，Agent 会在项目中生成一个基于 Next.js、React 和 TypeScript 的应用商店截图编辑器，而不是交付一张无法继续修改的静态图片。
你可以在编辑器里管理 iPhone、iPad、Android 手机、Android 平板和 Google Play Feature Graphic 的独立画板；拖拽设备、文字和装饰元素；切换主题与语言；最后把所有规格打包导出为 PNG。
“Screenshots are advertisements, not documentation.”
— App Store Screenshots Skill 的核心原则
这句话点出了它与普通 mockup 工具的差别：商店截图首先要在一秒内传达用户收益，其次才是展示界面。每张图只讲一个卖点，标题要能在搜索结果的缩略图尺寸下被读懂。
为什么它比“让 AI 生成几张图”更实用？
生成式图片工具适合探索视觉方向，但应用商店素材还要求 UI 真实、文字准确、尺寸稳定，并能针对版本更新和不同语言持续修改。这个 Skill 把生成式 Agent 用在更合适的位置：让 AI 搭建生产工具、整理素材和提出设计方案，而把最终控制权留给可视化编辑器。
- 结果通常是单张静态图
- 尺寸与语言需要重复处理
- 难以追踪每次改动
- 交付完整 Next.js 编辑器
- 多设备、多语言统一管理
- JSON 状态可提交到 Git
六项真正有用的核心能力
连接画布
整组截图并排设计，手机、路径和装饰物可以跨越相邻画面，导出时再精确裁切。
可视化 Inspector
在右侧面板调整标题、标签、布局、图层、旋转、缩放与截图来源，不必手改页面代码。
多平台画板
同一套工作流覆盖 iPhone、iPad、Android 手机、7/10 英寸平板和 Feature Graphic。
多语言与 RTL
按 Locale 保存文案与画面，支持阿拉伯语、希伯来语等从右到左语言的布局检查。
项目状态持久化
app-store-screenshots.json 是可读、可审查的单一事实来源，换电脑后仍能继续。
一键打包导出
按照平台、设备、分辨率和语言组织导出文件，减少上架前的重复缩放和命名工作。
从原始截图到商店成品的工作流
实际使用时，可以把它理解成六步：准备真实设备截图与 App 图标；安装 Skill；让 Agent 生成或迁移编辑器；在连接画布上调整叙事与视觉；补齐各个 Locale；最后导出商店需要的图片包。
如何安装并开始使用？
最快的方式是通过 skills CLI 安装。项目要求 Node.js 18 或更高版本，并支持 bun、pnpm、yarn 或 npm。
npx skills add ParthJadhav/app-store-screenshots安装后，不要只说“做几张截图”。给 Agent 一份包含产品价值、功能优先级、目标设备、语言、风格和页数的简报，第一版质量会高很多。
为我的习惯追踪 App 制作 App Store 截图。它帮助用户用简单的每日计划保持连续记录。最重要的功能依次是：快速打卡、趋势回顾、桌面小组件。需要 iPhone 英文和简体中文两套，每套 6 张；视觉风格简洁、温暖、有高级感。真实截图在 ./marketing/screenshots，图标在 ./AppIcon.png。
建议提前准备的素材
- 来自模拟器、模拟机或真机的真实 App 截图
- 透明或高分辨率 App 图标
- 一句话产品定位与 3–5 个核心卖点
- 目标商店、设备、语言和画面数量
- 品牌颜色、字体或参考 App
它能导出哪些 App Store 与 Google Play 尺寸？
Skill 会在每个平台的最大规格上完成设计，再生成对应的小尺寸版本。下表是项目当前内置的常用导出规格；正式提交前，仍建议对照 Apple Screenshot Specifications 与 Google Play Preview Assets 检查最新要求。
| 商店 | 设备 / 素材 | 导出分辨率 |
|---|---|---|
| Apple App Store | iPhone 6.9 英寸 | 1320 × 2868 |
| iPhone 6.5 英寸 | 1284 × 2778 | |
| iPhone 6.3 英寸 | 1206 × 2622 | |
| iPhone 6.1 英寸 | 1125 × 2436 | |
| Google Play | 手机竖屏 | 1080 × 1920 |
| 7 英寸平板 | 1200 × 1920 / 1920 × 1200 | |
| 10 英寸平板 | 1600 × 2560 / 2560 × 1600 | |
| Feature Graphic | 1024 × 500 |
注意：Google Play 对特定形态（例如 Wear OS、Android Automotive OS）有额外规则。应用截图也必须准确反映现有功能，不能使用会误导用户的画面或营销表述。
适合谁？又有哪些限制？
特别适合
- 独立开发者与小型产品团队
- 同时发布 iOS 和 Android 的 App
- 需要频繁更新功能截图的项目
- 要维护多语言商店素材的团队
需要注意
- 它仍需要高质量的真实产品截图
- 第一版文案需要产品判断与人工审校
- 复杂品牌视觉可能要扩展主题代码
- 导出后仍应逐张做缩略图与合规检查
换句话说，它擅长消除重复劳动和工具搭建成本，但不会替代产品定位、品牌策略与最终审核。最好的使用方式是让 Agent 负责“搭台与提案”，让设计者或开发者负责“选择与把关”。
常见问题
它只能生成 iOS App Store 截图吗？
不是。项目同时支持 iPhone、iPad、Android 手机、Android 平板，以及 1024 × 500 的 Google Play Feature Graphic。
没有设计基础也能使用吗？
可以。Skill 会提供主题、布局和文案原则，编辑器也支持拖拽调整。但如果 App 有严格品牌规范，仍建议由设计师完成最终审校。
生成的截图项目可以交给团队继续修改吗？
可以。图片素材和 app-store-screenshots.json 都能提交到 Git；团队成员克隆项目、安装依赖后即可继续编辑。
它会自动截取 App 内的所有页面吗？
不会。这个 Skill 主要负责商店营销截图的设计、编排和导出。iOS 项目如需自动采集原始界面截图，可以结合作者提供的 ios-marketing-capture Skill；其他技术栈则需先手动准备素材。
VERDICT
值得把它加入你的上架工作流吗？
如果你每次版本发布都在重复调尺寸、套设备框、复制文案和整理语言目录，答案是肯定的。App Store Screenshots Skill 最有价值的地方，不是“AI 替你画图”，而是把一套原本分散的营销素材流程，变成可编辑、可复用、可审查、可交接的工程。
在 GitHub 查看 App Store Screenshots Skill