用途：该技能用于构建一个 Next.js 页面，把 iPhone 和 iPad 的 App Store 截图渲染成广告（而非 UI 展示），再通过 html-to-image 按 Apple 要求的分辨率导出，供 App Store 上架使用。核心原则是每张截图只卖一个概念，展示感觉、结果或痛点，而非罗列功能。
主要流程：先逐个向用户收集信息，包括已加边框截图的路径（通常来自 ascelerate screenshot frame，放在 screenshots/framed/）、App 图标 PNG、品牌色、字体、功能优先级列表、截图张数（Apple 最多 10 张）和风格方向；可选询问多语言本地化与 UI 装饰素材。背景、装饰、明暗与排版等由技能根据风格方向自行决定。用户额外指令始终优先于技能默认值。
项目设置：需要 Node.js 18+，默认在 app-store-screenshots/ 目录创建 Next.js 项目（已存在则复用），并安装 html-to-image 与 jszip。包管理器优先级为 bun > pnpm > yarn > npm。示例命令：bunx create-next-app@latest . --typescript --app --src-dir --no-eslint --no-tailwind --import-alias "@/*"，随后 bun add html-to-image jszip。若工作目录是 git 仓库，建议将项目文件夹或 node_modules/ 加入 .gitignore。
导出分辨率：只生成最大尺寸，Apple 会自动缩放。iPhone 6.9 英寸为 1320×2868，iPad 13 英寸为 2064×2752。页面中每张截图存在预览与导出两份：预览用 ResizeObserver 做 CSS 缩放，导出在屏幕外以真实分辨率渲染。若同时需要 iPhone 与 iPad，应分成独立区块，并提供 All/iPhone/iPad 过滤器。
本地化：多语言文案存放在 src/app/copy.json，与代码分离，便于直接改文字。ascelerate 的 framed 输出按 locale 分目录，幻灯片组件按当前 locale 拼路径；Device 组件通过 onError 回退到默认语言。文案先经用户确认再搭布局，每个标题只表达一个想法、单行 3-5 个词，避免用功能清单或营销套话作标题。
限制：资料未提供具体收费与价格信息；功能效果与导出成功率未提供，需以实际环境验证为准。