AI App Store 截图生成器 for iOS
March 25, 2026
类别:
实用开源项目
AI App Store 截图生成器:几分钟内生成生产就绪资产
用 AI 变革您的 iOS 应用营销
需要真正能转化用户的引人入胜的 App Store 截图吗?这个开源 App Store 截图生成器 是 iOS 开发者的变革性工具。作为 AI 编码代理(Claude Code、Cursor、Windsurf 等 40+ 种)的技能设计,它创建 广告风格截图——Apple 批准的,所有必需分辨率自动导出。
实时示例:Bloom Coffee 应用 使用了这些精确截图。
🚀 一键安装命令
npx skills add ParthJadhav/app-store-screenshots
跨项目全局工作,或特定代理如 claude-code。无需复杂设置。
🎯 独特之处
大多数截图工具仅显示 UI 转储。这个生成器创建 营销截图 来销售产品:
- 询问您的品牌:颜色、字体、风格偏好
- 撰写引人入胜的文案:经过验证的 App Store 模式
- iPhone 模型:预测量框架
- 所有 4 种尺寸:6.9"、6.5"、6.3"、6.1" 导出
- 多语言:区域文件夹 + RTL 支持
- 主题预设:即时切换艺术方向
💬 示例提示(有效)
“为我的习惯追踪器构建 App Store 截图。干净/极简风格,温暖中性色,6 张幻灯片。”
“为我的金融应用生成截图。锐利现代风格,高对比度,7 张幻灯片。”
“为语言应用创建阿拉伯语 + 英语截图。需要 RTL 原生布局。”
🛠️ 生成的内容
该技能搭建完整的 Next.js 项目:
project/
├── public/mockup.png (iPhone 框架)
├── public/screenshots/en/, de/, ar/ (区域文件夹)
├── src/app/page.tsx (截图生成器)
└── package.json
单文件生成器:打开浏览器 → 点击导出 PNG。
🌍 高级功能
- 多区域:
en/home.png、ar/home.png、de/home.png - RTL 感知:正确的阿拉伯语/希伯来语布局
- 设计令牌:
```ts
const THEMES = {
"clean-light": { bg: "#F6F1EA", accent: "#5B7CFA" },
"dark-bold": { bg: "#0B1020", accent: "#8B5CF6" }
};
4. **批量导出**:所有区域 × 设备 × 主题 ## 📱 导出规格 | 显示屏 | 分辨率 | |--------|-----------| | 6.9" | 1320×2868 | | 6.5" | 1284×2778 | | 6.3" | 1206×2622 | | 6.1" | 1125×2436 | ## ✨ 关键设计原则 ✅ **截图 = 广告**:每张幻灯片销售一个想法 ✅ **一秒规则**:缩略图大小可读 ✅ **多样布局**:相邻幻灯片不相似 ✅ **用户驱动**:您的颜色/字体,而非预设 ## 🎯 完美适用于 - **独立 iOS 开发者** 节省设计成本 - **AI 代理用户** 扩展工作流能力 - **多语言应用** 需要区域截图 - **A/B 测试** 快速艺术方向 ## 📈 GitHub 热度 ⭐ **3.2K 星** · 🍴 **213 分叉** · 5 位贡献者 ## 🚀 立即开始 ```bash npx skills add ParthJadhav/app-store-screenshots echo "Build App Store screenshots for my app" | claude
专业提示:使用 6.1" 模拟器作为基础截图——稍后节省调整大小时间。
原创文章:
查看原文