跳到主要内容
项目档案插件 / 扩展

App Store截图自动生成工具:AI驱动生成Apple规范营销截图,支持多语言RTL和4种尺寸导出

ParthJadhav/app-store-screenshots:这是一个为AI编程助手(Claude Code、Cursor等)设计的技能插件,通过对话收集应用信息后自动生成符合Apple规范的App Sto本页整理它解决什么问题、适用场景、安装方式和使用方法。

6,936TypeScriptStar 于 2026年3月10日2026年9月20日 更新

AI 总结

这是一个为AI编程助手(Claude Code、Cursor等)设计的技能插件,通过对话收集应用信息后自动生成符合Apple规范的App Store营销截图,支持多语言、RTL布局和4种必需尺寸导出。

中文项目介绍

App Store Screenshots Generator 是一个专为 AI 编程助手(如 Claude Code、Cursor、Windsurf)设计的技能插件,旨在自动化生成符合 Apple 审核规范的 iOS 应用商店营销截图。 该工具解决了开发者手动制作截图时的核心痛点:尺寸规范复杂(需同时提供 6.9"、6.5"、6.3"、6.1" 四种版本)、多语言适配繁琐、以及如何将截图设计成有效广告而非简单 UI 展示。通过对话式交互,插件会询问应用品牌、功能亮点、视觉风格等 12 个维度的信息,然后脚手架一个 Next.js 项目,将每个截图设计为独立的广告页面,最终使用 html-to-image 技术导出带 iPhone mockup 框架的高分辨率 PNG 文件。 适用场景包括:独立开发者快速为新应用生成全套营销素材;团队为现有应用制作多语言(含阿拉伯语等 RTL 语言)版本;以及通过可复用主题预设系统,快速迭代不同视觉风格的截图方案。项目已通过实际应用验证,Bloom 咖啡应用的截图成功通过 Apple 审核。 从仓库代码可见,技术实现上采用'截图即广告'的设计哲学,每个截图只聚焦一个核心卖点;支持批量导出跨语言、设备、主题的组合;并强调必须使用 6.1 英寸模拟器捕获起始截图以避免后期调整。

详细信息与使用说明

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 布局,确保阿拉伯语等语言的原生体验。

思维导图

当前仓库信息不足,或结构不够稳定,暂时没有生成可靠的思维导图。

常见问题

这个工具需要手动设计截图吗?

不需要。工具通过对话收集应用信息后全自动生成,包括文案撰写、视觉设计和尺寸导出,用户只需提供应用描述、功能列表和风格偏好。

支持哪些 AI 编程助手?

支持 40+ 种基于 npx skills 协议的助手,包括 Claude Code、Cursor、Windsurf、OpenCode、Codex 等。安装时可通过 -a 参数指定特定助手。

生成的截图能通过 Apple 审核吗?

可以。项目示例(Bloom 咖啡应用)的截图已成功通过 Apple 审核。工具严格遵循 Apple 的截图规范,包括尺寸、内容和 mockup 使用要求。

是否支持中文等非英语语言?

支持。工具支持 locale-based 截图集和本地化文案,可生成多语言版本。对于阿拉伯语等 RTL 语言,提供 RTL-aware 布局确保原生体验。

为什么强调使用 6.1 英寸模拟器?

因为 6.1 英寸是 iPhone 的常见尺寸,使用该尺寸捕获起始截图可减少后期在不同设备尺寸间的图像调整工作,确保内容在所有要求尺寸中正确显示。