1. 基本信息
| 项目 | 内容 |
|---|---|
| 名称 | app-store-screenshots |
| 作者/维护者 | ParthJadhav（个人开发者） |
| 来源链接 | https://github.com/ParthJadhav/app-store-screenshots |
| 许可证 | MIT（GitHub API） |
| GitHub Stars | 6,747（GitHub API） |
| Forks | 500（GitHub API） |
| 最新版本 | 未使用正式 Git Release/Tag，仓库以持续提交迭代（最近一次提交为 2026-07-12） |
| 安装方式 | npx skills add ParthJadhav/app-store-screenshots |
2. 功能介绍与亮点
这是一个面向 AI coding agent 的技能，会在用户的 App 仓库里搭建一套完整的、可编辑的 Next.js + ShadCN 截图编辑器，用来产出 App Store 与 Google Play 的营销截图和预览视频，而不是让 agent 一次性画一张静态图。核心能力包括：
- 连接画布：截图条带整体可见，设备边框、标题文案、装饰元素可跨相邻截图联动排布，导出时再各自裁切成精确尺寸。
- 多平台设备覆盖：iPhone、iPad、Android 手机/平板（含横竖屏）、Google Play Feature Graphic 横幅一次性覆盖。
- 状态持久化：整个设计方案保存为可提交进 git 的
app-store-screenshots.json，配合localStorage镜像，项目可随时续接。 - 一键批量导出：通过
html-to-image按 Apple/Google 各尺寸要求批量导出 PNG。 - 多语言与深浅色：支持多语言文案（含 RTL 布局提示）与浅色/深色两套变体。
亮点：README 中给出了真实上线案例（一款咖啡应用用它生成的截图通过了 App Store 审核），仓库有独立的 CONTRIBUTING 指南与活跃的 Issue 区，近期仍有第三方贡献者提交功能请求与修复。
3. 适用场景
固定分类：内容创作与知识管理（该技能产出的是可直接提交应用商店的成品营销视觉物料，而非可复用的设计规范或界面组件本身）。
适用人群：需要为 iOS / Android 应用准备商店上架素材的独立开发者与小团队，尤其是不愿意手工在设计工具里逐屏排版、也不想为每次改文案重新截图的场景——例如新品首次上架、迭代版本更新商店页面、或为不同语言市场批量生成本地化截图。
4. 跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | 原生支持 | README 明确列出并提供 npx skills add ... -a claude-code 及插件市场路径 |
| Codex | 原生支持 | README 明确列为受支持 agent 之一 |
| OpenClaw | 支持安装，运行未逐一验证 | 通过其依赖的 vercel-labs/skills 安装工具的 --agent openclaw 参数可完成安装，未见到该组合的实测报告 |
| Hermes Agent | 支持安装，运行未逐一验证 | 同上，--agent hermes-agent 参数可用，未见到该组合的实测报告 |
5. 推荐理由
它把“生成商店截图”这件事从一次性出图升级成一个可持续维护的本地项目：设计方案落盘可版本控制，改一句文案或换一个主题只需重新渲染而不用推倒重来，且天然覆盖 iOS 与 Android 双平台。安装门槛低（一条命令），2026-07-12 有提交，Issue 区有多名独立贡献者持续提交功能请求与修复。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 9 | GitHub 6,747 stars、500 forks，跨越 3 个月持续增长（非单日爆发），并有真实上线应用作为使用佐证 |
| 可用性 | 9 | 一条命令安装，多 agent 兼容，文档含大量示例 prompt，2026-07-12 有维护提交，无付费依赖 |
| 安全性 | 7 | 见下方检查清单 |
| 综合 | 8.33 | 三项均值 |
安全检查清单：
① 执行本地 Shell 命令（cp、包管理器安装、构建脚本），权限范围明确，仅在项目目录内操作，可审计；
② 无外联数据回传，本地 Next.js 开发服务器运行，除包管理器拉取依赖外无网络行为；
③ 不要求任何 API Key 或第三方凭据；
④ 未发现提示注入或可疑指令；
⑤ 作者为个人开发者，社区反馈活跃，无造假迹象；
⑥ License 明确（MIT）；
⑦ 最近一次提交为 2026-07-12，维护活跃。
扣分项：仓库存在一条已公开、尚未修复的 Issue（#32），指出其本地开发服务器的两个写文件接口缺少来源校验，理论上在开发服务器运行期间可能被同一浏览器内的恶意页面跨源触发文件写入（影响范围限于本地开发环境，不影响生成的最终商店素材本身）。
7. 跟同类 Skills 相比的优势
| 技能 | 定位 | 与本技能的差异 |
|---|---|---|
| goldie（kacperkapusciak） | 驱动 iOS 模拟器实录 App 真实操作流程，再自动配框生成截图与预览视频 | 只覆盖 iOS，依赖模拟器、Xcode Release 构建与 argent 模拟器自动化工具链，设置步骤更多；换来的是截图内容可自动从真实交互中采集，无需人工上传图片 |
| aso-appstore-screenshots（adamlyttleapps） | 分析代码库提炼卖点，调用 Nano Banana Pro（经第三方 Gemini MCP 服务）生成截图 | 需要额外安装并配置第三方 Gemini MCP 服务与 API Key，属付费依赖；胜在能自动分析代码库提炼卖点文案 |
本技能的差异化在于：不依赖任何外部 AI 生图服务或模拟器自动化工具链，纯本地渲染即可完成，且同时覆盖 iOS 与 Android 双平台的全部商店素材尺寸。
8. 用户评价
该技能目前在第三方平台尚无具名用户评价。仓库自身的 GitHub Issue 区有多名使用者（如 NitinJ、dqstartupbuild、intrepidsilence 等）提交功能请求与缺陷报告，反映出有真实用户在持续使用，但均未构成可摘录的评价性文字。
9. 其他补充
仓库同一作者还维护配套技能 ios-marketing-capture，用于在 iOS + Swift 项目里自动采集源截图，可与本技能衔接使用；非 iOS/Swift 项目仍需用户手工提供截图。
10. 安装使用方式
- 通过
npx skills（推荐）：npx skills add ParthJadhav/app-store-screenshots # 指定 agent，例如： npx skills add ParthJadhav/app-store-screenshots -a claude-code - 手动安装：
git clone https://github.com/ParthJadhav/app-store-screenshots ~/.claude/skills/app-store-screenshots - 安装后无需重启，直接在 App 仓库根目录向 agent 提出“帮我生成 App Store 截图”之类的请求即可触发；技能会先询问截图来源、App 图标、功能亮点与视觉风格，再搭建编辑器项目。
11. 注意事项
- 需要 Node.js 环境（bun/pnpm/yarn/npm 任一），本身不提供截图采集能力，需用户自备设备截图或使用配套的
ios-marketing-capture（仅限 iOS + Swift）。 - 本地开发服务器运行期间存在一条已知、尚未修复的跨源文件写入问题（详见评分部分安全检查清单），建议仅在需要时启动开发服务器，用完及时关闭。
- 未提供正式版本号，仓库通过持续提交迭代，无法按 Semver 判断兼容性变化，升级前建议查看最近提交记录。