用途：该技能构建一个 Next.js 页面，把 iOS 应用截图当广告而非界面说明来设计，再通过 html-to-image 导出苹果 App Store 要求的各档分辨率，可选一并生成 iPad 截图。启动时会读取 brand/creative-kit.md、brand/voice-profile.md、brand/positioning.md 获取品牌色、字体、logo、文案语气与定位；缺少这些文件时也可零上下文工作，改由第一步向用户收集。
主要能力：第一步询问用户并提供截图、图标、品牌色、字体、功能优先级、幻灯片数量（苹果上限 10 张）、风格方向等，iPad 截图、组件素材、附加说明为可选；背景、装饰、明暗等由技能自行推导。第三步按叙事弧规划幻灯片（主视觉、差异化、生态、核心功能、信任信号、更多功能）。第四步先定文案再排版，强调一张一个概念、短词、每行 3–5 词。第五步搭建单文件 page.tsx，含 Phone 组件（使用技能自带的 mockup.png，附预量偏移与圆角常量）和纯 CSS 的 IPad 组件（帧宽高比 770/1000）。导出尺寸：iPhone 6.9" 1320x2868、6.5" 1284x2778、6.3" 1206x2622、6.1" 1125x2436，在最大尺寸设计再缩小；iPad 可选 13" 2064x2752、12.9" 2048x2732。第六步用 html-to-image 的 toPng 导出，需双调用预热字体图片、捕获时移回屏内、导出间延迟 300ms、文件名补零排序。
使用方式：按 bun > pnpm > yarn > npm 优先级检测包管理器，用 create-next-app 脚手架并安装 html-to-image，例如 bunx create-next-app@latest . --typescript --tailwind --app --src-dir --no-eslint --import-alias "@/*" 与 bun add html-to-image；其余包管理器命令见资料。把 mockup.png 复制到 public/。
适用场景与限制：面向需要制作 App Store 营销截图的开发者与设计者，支持 iPhone 与可选 iPad、设备切换及 ?device=ipad 参数。具体收费、平台支持范围等资料未提供。