ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

Goldie快速上手教程:3条命令生成符合Apple上传规格的App Store截图与App Preview视频

Goldie快速上手教程:3条命令生成符合Apple上传规格的App Store截图与App Preview视频 Goldie快速上手教程3条命令生成符合Apple上传规格的App Store截图与App Preview视频【免费下载链接】goldie✨ agentic app store previews and screenshots项目地址: https://gitcode.com/gh_mirrors/gol/goldieGoldie 是一款专为 iOS 开发者打造的App Store 截图生成工具它自动在模拟器中回放你的 App 界面生成带设备边框和营销文案的商店截图并把录屏片段剪辑成符合 Apple 上传规格的 App Preview 视频。无论是 SwiftUI、UIKit 还是 Flutter、React Native 项目Goldie 都能统一驱动让上架素材一次搞定。1️⃣ Goldie 是什么截图 预览视频一站式产出传统流程中商店截图要手工截屏、找设计师套边框写文案预览视频还要单独剪辑。Goldie 把整条链路自动化自动截屏通过 argent 流程脚本在 iOS 模拟器中回放关键界面逐屏捕获原始截图自动排版为截图合成设备边框bezel、背景渐变和卖点文案自动剪辑把预览片段的录屏按序拼接成 H.264 视频规格校验对照 Apple 官方上传规则逐项检查不合格直接报错。它内置了多套设备边框素材例如这套 iPad Pro 13 英寸横版边框渲染图就是 Goldie 用于给 App Store 截图合成设备外框的视觉资产iPad Pro 13英寸横版边框素材用于Goldie生成带设备框的App Store截图2️⃣ 一键安装 Goldie环境准备最快方法运行环境需要 macOS含 iOS 模拟器、Node 20 和 ffmpeg全局安装 CLI 只需一条命令npm i -g goldie如果希望让 AI 编码代理如 Cursor、Codex、Claude Code代劳把 Goldie 的 Agent Skill 装进项目即可技能说明在 skills/goldie/SKILL.mdnpx skills add kacperkapusciak/goldie安装后在项目根目录复制一份配置模板 goldie.config.example.ts把appPath指向你的 Release 模拟器构建、填好bundleId再把scenes里的flow指向.argent/flows下的流程文件即可。完整字段注释可参考 skills/goldie/references/config.md。3️⃣ 三条命令出成品doctor、all、studioGoldie 的 CLI 只有寥寥几个子命令全部用法见 src/cli.ts。日常只需要这三条命令作用goldie doctor体检检查工具链、模拟器、标志位和流程文件是否就绪goldie all一键流水线capture → frame → preview → manifest → verifygoldie studio在浏览器中打开可视化工坊实时预览与微调素材第 1 步goldie doctor先跑一遍体检它会在正式截屏前揪出 Debug 包、缺失模拟器等隐患修完再动手能省不少返工。第 2 步goldie all回放全部流程并产出最终素材——截图落位到out/screenshots/预览视频落位到out/previews/最后自动执行verify对照 Apple 规格表校验。第 3 步goldie studio本地浏览器打开一个仿真的 App Store 商店页截图、视频、商店文案一起展示红行标记即表示违反 Apple 规则右侧 Design 面板可直接换背景、模板、边框和字体改动保存进goldie.design.jsonCLI 重新渲染结果完全一致。4️⃣ 产出物为什么能过审Apple 规格对照Goldie 的校验逻辑硬编码了 Apple 官方规格表见 src/specs.ts素材规格输出位置6.9 截图1320 × 2868 PNG无透明通道out/screenshots/6.9/locale/6.9 预览886 × 1920 H.264 30fps AAC时长 15~30 秒out/previews/6.9/locale/视频用ffprobe、图片用sips实测比对任何一项不符比如预览 14 秒或 31 秒都会明确报出差异见 src/render.ts。也就是说跑完goldie all还能通过 verify你上传 App Store Connect 基本不会卡在素材规格上。5️⃣ 在 Studio 中快速微调设计不想动配置文件Studio 的 Design 面板覆盖了最常改的项背景任意 CSS 渐变或纯色支持单图覆盖模板editorial、showcase、magazine、storyboard、dynamic五种内置节奏也可自定义版式序列边框内置17-pro-silver/17-pro-blue/17-pro-orange三套 iPhone 边框也支持frame.image指向一张自定义边框图——比如项目自带的 Space Gray 横版 iPad 边框渲染素材就能作为自定义 bezel 直接用于 App Store 截图合成Goldie自定义设备边框示例Space Gray iPad Pro边框用于App Store截图与商店素材合成字体内置 Merriweather、DM Mono、Lato、DM Sans、Montserrat 五种字体文件在 assets/fonts/无需自行下载装饰徽章badge和图片贴纸可叠加在设备之上、背景之上。CLI 侧同样可用--background、--frame、--template、--font等参数做一次性覆盖方便快速 A/B 对比。6️⃣ 避坑小贴士 ⚡必须用 Release 包Debug 构建会把 LogBox 报错横幅画进截图营销素材直接报废见 README.md。流程失败别慌Goldie 会打印失败步骤和 argent 的失败原因让编码代理按 skills/goldie/references/flows.md 的修复循环重连即可。预览时长卡在 15~30 秒调整各 segment 的wait:步长或holdSeconds即可goldie preview超窗会直接拒绝渲染。多语言上架在配置的locales里追加语言代码每条文案记录补上对应键goldie all会为每个 locale 各出一套素材。7️⃣ 快速回顾npm i -g goldie安装配好 goldie.config.example.ts 模板即开工goldie doctor体检 →goldie all一键出图出视频并自动过审校验 →goldie studio浏览器里所见即所得微调产出物严格对齐 Apple 上传规格src/specs.ts上架素材一步到位。现在就可以在 App 仓库里说一句「用 goldie 生成 App Store 截图」剩下的交给 Goldie 吧 【免费下载链接】goldie✨ agentic app store previews and screenshots项目地址: https://gitcode.com/gh_mirrors/gol/goldie创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表