App 上架截图太丑被拒? | 这款 AI 技能让你一键生成 4K 营销图(附配置与实战)

App 上架截图还在手动 PS？效率太低被吐槽？

作为一名开发者，最头疼的莫过于 App 开发完毕，准备上架时那一堆繁琐的截图工作。为了适配 Apple 严苛的尺寸要求，我们需要在 Figma 或 PS 里反复调整，不仅要拼图，还要想文案，结果提交上去还因为“截图不清晰”或“不符合规范”被拒。

今天要推荐的这个 GitHub 神器 —— app-store-screenshots，它能彻底解决你的痛点。这是一个专为 AI 编码代理（如 Claude Code、Cursor、Windsurf 等）设计的技能，它可以自动脚手架一个 Next.js 项目，像设计师一样为你生成广告级的 App Store 截图，并直接导出所有 Apple 要求的分辨率。

核心功能解析：不仅仅是截图，更是营销

这个工具的核心逻辑非常硬核：它不是在展示 UI，而是在制作广告。

1. 智能文案与广告级设计

它遵循“一秒法则”，确保缩略图大小下的可读性。

• 自动撰写文案：利用成熟的 App Store 写作模式，生成极具吸引力的卖点描述。
• 布局多样性：确保相邻的幻灯片不会重复使用相同的手机位置，避免视觉疲劳。

2. 全分辨率自动适配

Apple 要求的设备尺寸五花八门，手动导出简直是噩梦。该项目内置了完整的尺寸支持，设计时以最大分辨率（1320×2868）为准，自动缩放导出：

3. 高级主题系统与 RTL 支持

对于需要出海的应用，它支持极其灵活的本地化策略。

• 多语言/多主题：支持基于 Token 的主题预设，可以快速切换“干净明亮”或“暗黑大胆”风格。
• RTL 布局感知：针对阿拉伯语或希伯来语，它会自动设置 dir="rtl"，并智能镜像布局，而不是机械翻转。

例如，你可以定义如下的主题配置代码：

const THEMES = {
  "clean-light": { bg: "#F6F1EA", fg: "#171717", accent: "#5B7CFA" },
  "dark-bold": { bg: "#0B1020", fg: "#F8FAFC", accent: "#8B5CF6" },
  "warm-editorial": { bg: "#F7E8DA", fg: "#2B1D17", accent: "#D97706" },
} as const;

实战演示：从安装到生成

整个过程非常简单，你可以通过 npx skills 直接安装到你的 AI 编码代理中。

1. 安装

推荐使用 npx skills 进行安装：

# 全局安装（所有项目可用）
npx skills add ParthJadhav/app-store-screenshots -g

# 为特定代理安装（如 Claude Code）
npx skills add ParthJadhav/app-store-screenshots -a claude-code

2. 运行与生成

安装后，你只需要向你的 AI 代理下达清晰的指令。例如，为一个习惯追踪应用生成截图：

Build App Store screenshots for my habit tracker.
The app helps people stay consistent with simple daily routines.
I want 6 slides, clean/minimal style, warm neutrals, and a calm premium feel.

AI 会自动询问你的品牌颜色、字体等信息，然后生成项目。启动开发服务器后，你可以在浏览器中预览并一键导出 PNG。

避坑指南与总结

在使用该工具前，请注意以下细节：

1. 截图源素材建议：README 开头特别提示，务必使用 6.1 英寸模拟器来捕获初始的应用截图，这能避免后续因为尺寸不匹配而反复调整图片。
2. 技术栈要求：你需要 Node.js 18+ 环境，并安装 bun/pnpm/yarn/npm（推荐 bun）。

总结：如果你是独立开发者或 iOS 团队成员，正在寻找一种低成本、高效率的 App Store 截图生成方案，这个基于 Next.js 和 AI 代理的解决方案绝对值得一试。它不仅帮你省去了 PS 的时间，更重要的是保证了截图的营销质感。