应用商店截图优化
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f1674b42/aso-screenshots。
技能介绍
解决什么问题
App Store 的截图同时承担两个任务:让用户在搜索结果里认出你的应用,并在详情页前几秒说服他们下载。问题在于,从 PRD 或产品文档到一张能直接上传的营销图,中间还有大量机械但容易出错的工序——卖点文案要写、截图质量要判断、文案和截图要配对、机框和排版要渲染、最后还要逐张 QA。这个技能把这串流程固化下来,避免每次都从零开始。
工作方式
它按六个阶段推进,完整流程是默认路径,但用户只要求某个阶段时也可以只跑那一步:
- Benefit discovery:从产品文档、App 描述甚至代码里提取目标用户、核心问题和差异化。
- Screenshot plan:起草 3–10 条以用户价值为导向的截图方案,每条包含
headline、subheadline、asoKeywords和截图要求。 - Screenshot inspection:运行
scripts/inspect_screenshots.py做确定性检查,并按 Great / Usable / Retake 评级。 - Pairing:把每条卖点和最能证明它的截图一一对应;没有合适的截图时给出重截说明,而不是硬配。
- Rendering:写入渲染配置 JSON,调用
scripts/render_screenshots.py输出 PNG 和manifest.json。 - QA:按
references/layout-spec.md检查尺寸、溢出、裁切、机框与风格一致性。
文案会在渲染前暂停让用户确认,除非用户明确跳过。默认画布为 1284x2778(iPhone 6.5 寸竖屏),浅色渐变背景从 PRD 或品牌推断主色,机框默认黑色 iPhone 风格。
两条硬约束与适用边界
渲染上有两条禁令:不得在用户截图上绘制灵动岛、刘海或摄像头等任何遮挡;截图与机框之间不得留白色描边或 1px 缝隙。这两条是 iOS 营销图最常见的低级翻车点。
最低输入是一份 PRD 或产品描述,加上每张成品图对应的一张竖屏截图(建议 1–10 张)。环境需要 Python 3.9+,macOS 和 Linux 可直接运行,Windows 建议走 WSL 或确保系统装有中文字体,否则中文文案的排版可能出问题。另外它不是全自动的:卖点确认这一步需要人来把关,截图评级为 Usable 或 Retake 时也需要人工决定是补截还是降级使用。
使用场景
- 只有 PRD 还没有截图,需要先产出 3–10 条卖点方案和每张截图的拍摄要求。
- 已有 1–10 张竖屏截图,想在渲染前做确定性质量检查并拿到重截建议。
- 已经写好 config.json,只想跑一遍渲染脚本输出 PNG 和 manifest.json。
- 没有 PRD 但能读代码库,要从源码或文档提炼功能点并生成截图方案。
适合人员
- iOS 应用开发者,每次提审都要凑齐符合尺寸和排版的商店截图。
- 移动产品设计师,要把 PRD 里的功能点转成可上传的营销图。
- 增长或 ASO 运营,需要为不同卖点准备标题、副标题和配对截图。
- 技术内容创作者,想复用一套可重复运行的截图生成与 QA 流程。