Sep 10, 2026
aso-appstore-screenshots-skill:生成高转化的 App Store 截图
这个 Claude Code skill 会读取你的 iOS 代码库,找出驱动下载的 3-5 个核心卖点,把它们与模拟器截图配对,产出符合 Apple 尺寸的 App Store 截图。
App Store 截图是营销素材,但多数独立开发者上架的就是手边随便几张模拟器截图。aso-appstore-screenshots 是一个 Claude Code skill,它把截图组当成产品门面来做:先读代码库找出这个应用真正有卖点的部分,再围绕这些卖点产出精致、卖点导向的截图。
为什么这个 Skill 重要
它跑一条四阶段流水线:卖点发现分析应用代码库,识别驱动下载的 3-5 个核心卖点;截图配对审阅你的模拟器截图、逐一评分,并把每张图和最合适的卖点配对;生成产出图片;展示渲染整套截图并排的预览图。它不要求图像模型一步到位,而是把工作拆成确定性脚手架和 AI 增强——这就是为什么一组截图最后看起来仍是一组。
安装
按 README 共四步。第一步,把 skill 装进 Claude Code:
claude install-skill github.com/adamlyttleapps/claude-skill-aso-appstore-screenshots
第二步,安装脚手架生成器用到的 Python 依赖:
pip install Pillow
第三步,标题字体:skill 使用 SF Pro Display Black,预期路径 /Library/Fonts/SF-Pro-Display-Black.otf,可从 Apple 开发者字体页面安装。
第四步,AI 增强阶段依赖 Gemini MCP 服务器:
npm install -g @houtini/gemini-mcp
然后把 @houtini/gemini-mcp 注册为 Claude Code 配置中的 MCP 服务器(~/.claude/settings.json 或项目 .mcp.json)。
实战:为一次应用更新出图
- 在 iOS 应用项目目录里运行:
/aso-appstore-screenshots
-
skill 会交互式地带你走完每个阶段。发现阶段它读取代码库,提出驱动下载的 3-5 个核心卖点。
-
它审阅你提供的模拟器截图,逐一评分,并把每张图与最能体现它的卖点配对。
-
生成是两段式流水线。
compose.py先搭出确定性脚手架——精确的文字定位、设备边框、合成在内的模拟器截图。随后 Nano Banana Pro(经 Gemini MCP)增强脚手架:补上拟真设备边框、突出元素和视觉打磨。 -
每个卖点目录里是工作版本——
scaffold.png加上 AI 变体v1.png、v2.png、v3.png——确认后的成稿进入final/,自动裁切到精确的 App Store 尺寸,默认为 iPhone 6.7 英寸的 1290×2796px。还有一张showcase.png把整套截图并排铺开,上传前做最后一遍检查。
进度保存在 Claude Code 的记忆系统里,不必一口气做完——可以在之后的会话里接着跑。
技巧
- 开始前先备好干净的模拟器截图。有真实界面可评分,配对阶段的效果远好于占位图。
- 相信脚手架。确定性的第一阶段保证了整套截图的文字定位和版式一致;让 AI 阶段只负责打磨。
final/目录即传即用。尺寸裁切已自动完成,不要再手动导出。- 如果提出的卖点偏离你的定位,在发现阶段就纠正——后面所有阶段都继承这条信息。
何时不用这个 Skill
这个 skill 面向 iOS App Store——README 只写了 iPhone 尺寸和 App Store 工作流,没有 Google Play 的素材规格。它还有实打实的依赖:Pillow、指定的字体文件和一个 Gemini MCP 服务器。如果不想接这套依赖,小版本更新用截图模板工具仍然是更简单的路。
查看 排行榜 了解更多 skill。