这个项目能做什么
App Store & Google Play Screenshots Generator 是一个面向 AI 编码代理(Claude Code、Cursor、Windsurf、OpenCode、Codex)的技能,可搭建一个生产就绪的 Next.js 编辑器,用于构建应用商店营销截图。它并非生成静态的一次性页面,而是创建一个完整的可视化编辑器,带有连通画布,设备框架、标题文字和装饰元素可以跨越相邻截图,同时为旧版幻灯片组提供隔离模式。
该编辑器提供:屏幕侧边栏,用于添加、选择和重新排序幻灯片并显示实时缩略图;检查器面板,用于编辑布局、标签、标题、截图、元素堆叠和变换;平台切换器,用于并排维护 iOS 和 Android 幻灯片组;以及设备选择器,覆盖 iPhone、iPad、Android 手机、Android 平板和 Play Store 特色图形格式。项目持久化到 `app-store-screenshots.json`(可纳入 git 跟踪),上传的截图存储在 `public/screenshots/uploaded/` 下。自动保存通过 `/api/project` 写入磁盘,并镜像到 `localStorage` 以实现即时重新加载。
导出包以 ZIP 文件形式下载,按平台、设备、分辨率和语言区域组织,精确匹配 App Store 和 Google Play 的尺寸要求。该工具支持多语言区域、RTL 感知的文案/布局指导、可复用主题和就地项目迁移。源截图按每个平台的最大尺寸设计,并在导出较小尺寸时缩放。
安装方式为 `npx skills add ParthJadhav/app-store-screenshots`(全局或按代理)或手动 git clone。用法:让你的编码代理构建截图,提供应用上下文、源截图、平台、语言区域、视觉方向和幻灯片数量。搭建出的 Next.js 项目使用 React、TypeScript、Tailwind CSS、shadcn/ui、html-to-image、JSZip、dnd-kit 和 react-rnd。需要 Node.js 18+ 和包管理器。MIT 许可。
评论
0 人表达喜爱 · 满10人后显示 Deer Point
登录后参与讨论。