App Store 与 Google Play 截图生成器
为 AI 编码代理提供技能，一键构建生产级的应用商店营销截图编辑器。
证据显示：项目通过npx skills安装，可能执行代码；上传的截图保存到public/screenshots/uploaded/，数据流透明；但未提供权限最小化、用户确认、敏感数据处理、依赖安全、外部影响、回滚或来源归属的明确证据。扣分原因：这些方面仅部分提及或未提及，例如未说明依赖漏洞扫描、未提供回滚机制、未明确用户确认步骤。
证据显示：README和模板结构一致，依赖列表明确，但未提供失败消息或错误处理细节。扣分原因：失败消息未在文档中说明，依赖可用性仅基于常见包，未验证版本兼容性。
证据显示：支持多种平台、设备和语言，提供示例提示和场景，但未明确能力边界或触发条件。扣分原因：能力边界未明确，触发条件仅通过示例暗示，环境适配未详细说明。
证据显示：README结构清晰，安装说明详细，命名一致，提供示例，但未列出已知限制，版本和变更日志缺失，维护责任未明确。扣分原因：已知限制未提及，版本和变更日志缺失，维护责任未明确。
证据显示：输出为可直接使用的PNG包，提供价值，但成本效益未量化。扣分原因：成本效益未量化，输出可用性基于文档描述，未验证实际效果。
证据显示：README声称示例被App Store接受，但未提供可验证的链接或证据；依赖列表与README一致，但未提供交叉验证。扣分原因：声明缺乏可追溯性，交叉验证不足，事实与推断未明确分离。
- 安装方式（npx skills）可能执行任意代码，需在隔离环境中使用。
- 上传的截图和项目文件可能包含敏感信息，需注意数据保护。
- 依赖安全性未验证，建议检查依赖漏洞。
- 未提供回滚机制，操作需谨慎。
这个 Agent 能做什么，适合哪些场景？
这是一个面向 AI 编码代理的技能，用于构建一个生产级的 Next.js 编辑器，专门生成 App Store 和 Google Play 的营销截图。它提供了连接画布、真实设备框架、检查器控件、持久化项目状态以及一键导出的商店就绪尺寸 PNG 包。该编辑器支持 iOS、iPad、Android 手机、平板和 Play Store 特色图片等多种平台，并支持多语言和从右到左（RTL）的布局。项目状态保存在 app-store-screenshots.json 中，便于版本管理和恢复。此技能已成功用于生成 Bloom 应用商店的截图。
该技能会搭建一个 Next.js 项目，包含编辑器界面和必要的库。编辑器读取用户提供的原始应用截图，并将其转换为广告风格的幻灯片，支持在连接画布上跨屏拖拽元素。用户可以添加、重新排列屏幕，通过右侧检查器编辑布局、文案、截图和元素。编辑器支持已连接画布模式和隔离模式，以处理旧项目。支持 iOS 和 Android 的各种设备尺寸，并可导出为按平台、设备、分辨率和语言环境组织的 ZIP 压缩包。项目状态保存在 app-store-screenshots.json 文件中，上传的截图存储在 public/screenshots/uploaded/ 目录下。
- 独立开发者需要为 iOS 应用创建 App Store 截图，希望采用广告风格的叙事方式。
- 移动应用营销人员需要为 Android 设备生成 Google Play 截图，包括不同尺寸的平板。
- 本地化团队需要为多个语言环境（包括 RTL 语言如阿拉伯语）生成截图。
- 设计机构希望为客户提供一个可复用的截图编辑工作流，通过 AI 代理快速搭建。
- 希望将截图导出为符合商店要求的精确尺寸，以便直接上传至 App Store 或 Google Play。
这个 Agent 有哪些优点和局限？
- 生成完整的编辑器项目，而非一次性页面，支持持续调整。
- 连接画布可让元素跨屏幕，实现更灵活的广告设计。
- 自动导出多种商店尺寸，简化提交流程。
- 项目状态持久化至 JSON，支持版本控制和恢复。
- 需要 Node.js 18+ 和 Next.js 环境，增加了技术栈依赖。
- 需要 AI 代理（如 Claude Code）来搭建项目，并非独立工具。
- 对屏幕录制和源截图质量有要求，可能需要调整。
- Android 框架为 CSS 渲染，iPhone 使用模拟器截图，可能不够精确。
如何安装或部署这个 Agent？
通过 npx skills 安装：npx skills add ParthJadhav/app-store-screenshots。如需全局安装或针对特定代理（如 claude-code）安装，可使用 -g 或 -a 参数。手动安装：git clone https://github.com/ParthJadhav/app-store-screenshots ~/.claude/skills/app-store-screenshots。需要 Node.js 18+ 以及 bun、pnpm、yarn 或 npm 中的任意一个。
如何使用这个 Agent？
安装后，向编码代理发出指令：'为我生成 App Store 和 Google Play 截图'。代理会引导你提供应用上下文、源截图、平台、语言、视觉方向和幻灯片数量。也可以使用示例提示词，例如：'为我的习惯追踪应用生成 App Store 截图。应用帮助用户通过简单的日常惯例保持一致。我需要 6 张幻灯片，简洁现代风格，暖色调中性色，带来平静高级感。'运行开发服务器，通过侧边栏组织屏幕，使用检查器编辑文案和布局，选择已连接或隔离模式，然后点击'导出捆绑包'下载商店就绪的 PNG 文件。