ParthJadhav/app-store-screenshots

App Store 与 Google Play 截图生成器

这是什么 – 一个供 AI 编码代理使用的 技能，可搭建功能完整的 Next.js 编辑器，用于创建 Apple App Store、Mac App Store 和 Google Play 所需的营销截图。该工具将原始设备截图转换为广告风格的幻灯片组，让您在连接画布上排列元素，并以每个商店要求的尺寸导出 PNG 包。

主要功能

• 连接画布，支持拖放、旧版幻灯片的隔离模式，以及用于重新排序画面的侧边栏。
• 检查器面板，可编辑文案、标题、布局和元素变换；包含 Copy ideas 菜单，提供现成的标题公式。
• 主题选择器和 Style Lab，提供 18 种预定义的视觉样式（调色板、排版、布局），可锁定、随机播放或重新混合。
• 场景游乐场，提供全局背景、设备阴影、3D 倾斜和放大镜。
• 多平台支持：iPhone、iPad、iPhone Duo、Apple TV、Apple Watch、CarPlay、Mac、Android 手机/平板电脑和 Play Store 功能图。
• 支持区域设置和 RTL，导出包按平台、设备、分辨率和语言组织。
• 所有项目状态存储在 app-store-screenshots.json 中，上传的源图像位于 public/screenshots/uploaded/ 下，使幻灯片组可完全通过 git 跟踪。

使用方法

1. 通过 npx skills add ParthJadhav/app-store-screenshots 安装技能（或手动克隆）。
2. 让您的编码代理（Claude Code、Cursor 等）为您的应用 构建 App Store 截图，提供简要描述、所需幻灯片数量、视觉风格、平台和区域设置。
3. 该技能会搭建一个 Next.js 项目，包含上述编辑器 UI。
4. 运行开发服务器，加载您的原始设备截图，调整文案/布局，选择样式，然后导出包含商店就绪 PNG 的 zip 文件。

为何重要 – 为移动开发人员生成合规的截图资产是一项繁琐且细节繁重的任务。此项目自动化了 UI 繁重的部分，让 AI 代理处理提示和搭建，而开发人员则在专用编辑器中微调视觉幻灯片组。

技术栈 – Next.js、React、TypeScript、Tailwind CSS、shadcn/ui、Radix、html-to-image、JSZip、dnd-kit、react-rnd。

许可证 – MIT。