夜雨聆风学习资料网

ARTICLE · 984961

一个给App做截图和预览视频的工具,能把模拟器录屏转成带设备外壳、背景和文字的 Store 截图与预览视频,兼容各种主流移动开发框架.

一个给App做截图和预览视频的工具,能把模拟器录屏转成带设备外壳、背景和文字的 Store 截图与预览视频,兼容各种主流移动开发框架.

goldie

一款面向 iOS 开发者的自动化工具,能把模拟器录屏转成带设备外壳、背景和文字的 App Store 截图与预览视频,兼容各种主流移动开发框架。

Github地址

https://github.com/kacperkapusciak/goldie

已关注
关注
重播 分享 赞

功能特性

  • 自动截图:捕获 iOS 模拟器画面,套上 iPhone 边框,配上背景图和标题文字,输出 1320×2868 的 App Store 标准尺寸
  • 做预览视频:把多个操作录屏拼接成 15-30 秒的 H.264 视频,分辨率 886×1920,直接符合苹果上传规范
  • 可视化调整:内置 studio 界面,可切换背景、模板、边框颜色、字体和排版,调整结果保存为配置文件,CLI 能复现相同效果
  • 框架无关:通过模拟器驱动,SwiftUI、UIKit、Flutter、React Native、Kotlin Multiplatform 都能用
  • 规则检查:自动验证输出是否符合 App Store 的上传要求

怎么用

装环境:macOS + iOS 模拟器 + Node 20+ + ffmpeg

装工具:

npm i -g goldie

给 AI 助手用(Cursor、Codex、Claude Code 等):

npx skills add kacperkapusciak/goldie# Claude Code 用户/plugin marketplace add kacperkapusciak/goldie/plugin install goldie@goldie

然后在项目里直接说:create App Store screenshots using goldie,AI 会自己探查 App、写操作流程、调配置、打开 studio。

手动用:

  1. 复制 goldie.config.example.ts 为 goldie.config.ts
  2. 把场景指向 argent 录好的流程文件(放 .argent/flows)
  3. 跑命令:
  • goldie doctor — 检查环境、模拟器、流程文件
  • goldie all — 录制、加框、渲染、验证一条龙
  • goldie studio — 浏览器里预览微调

输出默认进 out/ 文件夹,按语言分目录。

可选配置:边框颜色(蓝/银/橙或自定义)、模板风格(editorial/showcase/magazine 等 5 种预设 + 11 种布局)、字体(内置 Merriweather、Lato、Montserrat 等)、背景装饰图。透明背景也能设。


相关学习资料