1. 项目定位与用途
App Store Screenshots Generator 是一个面向 AI 编程助手(Claude Code、Cursor、Windsurf 等)的技能插件,定位为 iOS 应用营销素材的自动化生成工具。其核心用途是通过对话式交互收集应用品牌信息后,自动脚手架一个 Next.js 项目,设计广告风格的截图页面,并批量导出符合 Apple 规范的高分辨率 PNG 文件。与普通截图工具不同,该插件将每个截图视为独立的广告单元,专注于传达单一核心卖点而非展示 UI 细节,从而提升应用商店的转化率。项目已通过实际案例验证(Bloom 咖啡应用),生成的截图成功通过 Apple 审核。
2. 解决的问题
该插件主要解决 iOS 开发者在制作 App Store 截图时面临的三大痛点:一是尺寸规范复杂,Apple 要求同时提供 6.9 英寸、6.5 英寸、6.3 英寸、6.1 英寸四种分辨率的截图,手动调整耗时且易出错;二是多语言适配困难,尤其是阿拉伯语等 RTL(从右到左)语言的布局需要特殊处理;三是营销效果不佳,许多开发者简单截取应用界面,未能将截图设计成有效的广告素材。通过自动化流程,插件确保截图符合技术规范、支持批量本地化,并应用 proven 的 App Store 文案模式来提升转化潜力。
3. 适用场景
主要适用于三类场景:第一,独立开发者在应用发布前快速生成全套营销截图,无需设计经验或手动调整尺寸;第二,产品团队为现有应用制作多语言版本截图,特别是需要支持 RTL 语言(如阿拉伯语、希伯来语)时,插件能确保布局原生适配而非简单翻译;第三,营销或设计团队通过可复用的主题预设系统(如 clean-light、dark-bold),快速迭代不同视觉风格的截图方案,用于 A/B 测试或季节性活动。项目强调'广告级'输出,适合对应用商店转化率有要求的团队。
4. 安装方式
安装方式基于 npx skills 命令:推荐方式是在项目目录执行 `npx skills add ParthJadhav/app-store-screenshots`,将技能安装到当前使用的 AI 助手(支持 Claude Code、Cursor、Windsurf 等 40+ 种助手);全局安装使用 `npx skills add ParthJadhav/app-store-screenshots -g`,使技能在所有项目中可用;指定助手安装使用 `npx skills add ParthJadhav/app-store-screenshots -a claude-code`(将 claude-code 替换为实际助手名)。手动安装方式为克隆仓库到 `~/.claude/skills/app-store-screenshots` 目录。注意:安装后需在 AI 助手环境中使用,而非独立命令行工具。
5. 使用方式
使用流程完全对话驱动:安装后,在 Claude Code 等 AI 助手中直接输入 'Build App Store screenshots for my app' 即可触发。助手会依次询问 12 个关键问题,包括应用图标、品牌色、字体选择、功能列表优先级、所需幻灯片数量、风格方向(如 clean/minimal 或 bold/modern)、是否需要多语言或 RTL 支持、以及是否使用主题预设等。用户提供应用描述、核心功能(3-5 个)和视觉偏好后,插件自动生成 Next.js 页面,设计广告级内容,最终导出带 iPhone mockup 框架的 PNG 文件集。仓库强调必须使用 6.1 英寸模拟器捕获起始截图以避免后期图像调整。
6. 实现特点
从仓库代码可见,该插件的实现具有以下特点:一是'截图即广告'的设计哲学,每个截图只聚焦一个核心卖点,使用 proven 的 App Store 文案模式;二是基于 Next.js 脚手架生成可维护的项目结构,便于后续修改;三是使用 html-to-image 库在服务端渲染并导出四种 Apple 要求尺寸的 PNG;四是内置预测量 iPhone mockup(mockup.png)提供真实设备展示效果;五是支持批量导出,可一次性生成跨语言、设备、主题组合的完整截图集;六是强调 RTL-aware 布局,确保阿拉伯语等语言的原生体验。