Agent Skills
返回列表
应用商店截图优化

应用商店截图优化

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 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 流程。