app-store-screenshots
为应用商店生成营销截图的Next.js编辑器
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：app-store-screenshots。 它的用途是：为应用商店生成营销截图的Next.js编辑器 完整的 Skill 内容见：https://321skill.com/skills/app-store-screenshots/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘为我的个人记账应用生成Google Play商店截图，突出快速记账和月度趋势分析功能，需要5张幻灯片，风格现代简洁。’ 它会引导你提供原始截图和文案方向，然后搭建一个Next.js编辑器项目。在这个编辑器中，你可以拖拽元素、跨屏设计、应用主题，最后一键导出所有规定尺寸的截图压缩包。
介绍
这是一个专为AI编码助手设计的技能，它能够快速搭建一个生产就绪的Next.js编辑器，用于为App Store和Google Play创建专业的营销截图。它解决了开发者手动设计、裁剪和导出多尺寸截图的繁琐问题，将原始应用截图快速转化为具有广告风格、文案清晰、视觉统一的宣传幻灯片。
使用方式非常简单。开发者只需通过npx skills命令安装此技能，然后向你的AI编码助手（如Claude Code、Cursor等）提出需求，例如“为我的习惯追踪应用构建应用商店截图”。技能会引导AI助手询问应用背景、原始截图、目标平台、语言版本和视觉风格等细节，随后生成一个完整的、可交互的编辑器项目。
该技能非常适合独立开发者、小型创业团队或市场运营人员，他们需要高效、专业地制作符合各大应用商店严格尺寸和规范要求的截图，但又缺乏专业的设计资源或时间。
与同类简单的截图模板或单页生成工具不同，这个技能构建的是一个功能完整的编辑器。其核心区别在于提供了“连接画布”功能，允许设计元素（如手机、文案、装饰）跨越多张截图边界进行布局，实现连贯的视觉叙事，同时又能精确导出每张独立的截图。此外，它支持多平台、多设备、多语言，并具备项目状态持久化、一键导出符合所有官方尺寸的PNG包等高级功能。
核心特点
核心区别在于其“连接画布”编辑模式，允许设计元素跨越相邻截图进行布局，实现故事化的视觉流；同时提供完整的项目管理和一键导出符合所有官方尺寸的PNG包，而非生成单张静态图片。
注意事项
不适合需要高度定制化、非标准尺寸或复杂动态效果的应用商店视觉素材制作。
常见问题
这个工具支持哪些应用商店的截图尺寸？
支持iOS (iPhone/iPad)、Android手机/平板以及Google Play特色图片的所有官方要求尺寸，并一键导出对应PNG包。
需要设计基础吗？
不需要，技能会引导AI生成编辑器，提供预设主题和设备框架，用户只需替换截图和文案即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/app-store-screenshots/raw/index.md 读取 app-store-screenshots 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/app-store-screenshots/raw/index.md（查看排版版本）