Goldie Skill：一句话让编码 Agent 生成 App Store 完整素材包

Skill超级捕获手 技术创作者 2026-08-31 13 阅读

给 AI 编程助手装上这个 Skill，App Store 截图和预览视频就能全自动生成——不需要手动操作模拟器，不需要逐帧裁剪，也不需要打开设计软件套模板。Goldie 把这个流程彻底自动化：只要对编码 Agent 说一句”create App Store screenshots using goldie”，Agent 就会自己探索 App 界面、编写截图流程、配置设备框架、渲染输出，直出符合 Apple 上架规范的截图套件和 15-30 秒预览视频。上线 7 天斩获 707 Star，增长曲线直逼同期 trending 仓库。

功能与原则

Goldie 是一个面向 AI 编码 Agent 的 App Store 资产生成 Skill。它的核心能力不是提供一条命令，而是让 Agent 拥有完整的工作流理解——从探索 App、录制流程，到套设备框、选模板、加标题，最后验证 Apple 上传规范并吐出可交付的资产包。

设计原则有三：
– 框架无关：通过 iOS 模拟器驱动 App，无论 SwiftUI、UIKit、Flutter、React Native 还是 Kotlin Multiplatform 都适用
– Agent 原生：不是给人类用的 GUI 工具，而是可以塞给 Claude Code / Cursor / Codex 直接执行的 Skill
– 可迭代：goldie studio 支持在浏览器里实时预览和调整设计，修改记录保存在 goldie.design.json，下次渲染复用同一套配置

认可度

截至 2026 年 8 月 31 日，Goldie 累计获得 707 Star、58 Fork。上线仅 7 天（2026-08-24 创建），爆发速度远超同周期大多数 Skill 类仓库。赞助商为 Software Mansion（React Native 社区知名公司，React Native Lobby 和 Flipper 等项目背后团队）。

链接

GitHub：https://github.com/kacperkapusciak/goldie

原作者

kacperkapusciak（GitHub），个人项目，由 Software Mansion 提供赞助。Software Mansion 同时是 Argent（iOS 模拟器流量录制工具，Goldie 的上游依赖）的创作者。

介绍

Goldie 的工作分为三个阶段：

Capture（录制）：依赖 Argent 在 iOS 模拟器里回放用户操作流程，捕获各屏幕状态的截图。Argent 支持多步骤交互流，能模拟真实用户在 App 里的操作路径。

Frame（套框）：Goldie 将截图包裹在设备边框里，提供 iPhone 17 Pro（蓝 / 银 / 橙）等多种官方设备框，也可传入自定义 bezel 图片。背景支持纯色、渐变、图片或 noise 纹理；标题文字可配置字体（Merriweather / DM Mono / Lato / DM Sans / Montserrat 均有内置）。

Render（渲染）：一次性输出所有尺寸的截图（6.9″ @ 1320×2868）和预览视频（886×1920 H.264，15-30 秒），目录结构直接符合 App Store Connect 上传要求。goldie CLI 还会自动检查 Apple 上架规范，对不合规的尺寸或时长报错。

设计预览工具 goldie studio 可以在浏览器里实时切换背景、模板、字体和每张图的文案，调整满意后导出 goldie.design.json，CLI 读取该文件做批量渲染，保证设计意图在所有语言版本里一致。

特点

  • 全自动化 App Store 资产生成：截图 + 预览视频，无需手动操作
  • 框架无关：支持 SwiftUI、UIKit、Flutter、React Native、Kotlin Multiplatform
  • 多语言本地化：输出按 locale 组织，一套配置覆盖所有目标市场
  • 10+ 视觉模板：editorial、showcase、magazine、storyboard、dynamic、minimal 等
  • Apple 规范自动校验：上传前检查尺寸、时长、文件格式，不合规直接报错
  • 支持 Claude Code / Cursor / Codex：一行命令安装，Agent 直接调用
  • goldie studio：浏览器实时预览和调整设计，所见即所得
  • 与 Apple 上架流程无缝衔接：输出目录结构符合 App Store Connect 要求

使用方法

第一步：安装 CLI

npm i -g goldie

前置要求：macOS + iOS 模拟器 + Node 20+ + ffmpeg

第二步：给编码 Agent 安装 Skill

npx skills add kacperkapusciak/goldie        # Cursor / Codex / 通用 Agent
# 或
/plugin marketplace add kacperkapusciak/goldie  # Claude Code
/plugin install goldie@goldie

第三步：让 Agent 执行任务

进入 App 仓库，对 Agent 说：

create App Store screenshots using goldie

Agent 会自动：探索 App 结构 → 编写截图流程配置 → 打开 goldie studio 供你预览 → 批量渲染输出。

手动渲染（如需单独运行）

cp goldie.config.example.ts goldie.config.ts
# 编辑 goldie.config.ts，指向 argent flows 目录

goldie doctor    # 检查工具、模拟器和 flow 状态
goldie all       # 执行完整流程：录制 → 套框 → 渲染视频 → 验证
goldie studio    # 浏览器预览设计

使用场景与人群

目标用户：
– 移动端开发者（个人开发者、 indie hacker、小团队）
– 需要频繁更新 App Store 宣传素材的产品经理或运营
– 维护多语言 App、需要快速生成各地市场截图的国际化团队

典型场景：
– 新版本发布前批量生成所有语言版本的商店截图
– A/B 测试不同视觉模板对转化率的影响
– 自动化 CI 流程中集成截图生成，每次发版自动更新商店素材

输入与输出案例

案例 1：生成英文市场截图

Input（对 Agent）：
"create App Store screenshots using goldie"

Agent 行为：
1. 安装 goldie CLI（如未安装）
2. 安装 goldie Skill
3. 探索 App 界面结构
4. 编写 goldie.config.ts，配置场景和设备
5. 运行 goldie all
6. 打开 goldie studio 供用户预览
7. 确认后输出截图到 out/en-US/

Output：
out/
  en-US/
    6.9-inch/           # iPhone 16 Pro 尺寸截图
      1_home.png
      2_feature.png
      3_pricing.png
    5.5-inch/
      ...
    preview.mp4         # 886×1920 H.264，15-30 秒

案例 2：切换深色背景和杂志风模板

Input（对 Agent）：
"use a dark background with the editorial template, then render all locales"

Agent 行为：
1. 修改 goldie.design.json：theme.background = #1a1a1a，theme.template = editorial
2. 运行 goldie all --locale all
3. 输出所有语言版本的深色杂志风截图套件

Output：
out/
  en-US/  ja-JP/  zh-Hans/  ...
    (深色 editorial 模板截图 + 视频，每个 locale 一套)

Goldie 的本质，是把”App Store 素材制作”这个以往需要设计师手动操作的环节，变成一句自然语言指令让 AI Agent 完成。对于需要频繁迭代商店页面的移动开发者来说，这是真正能节省数小时手工劳动的 Skill——而它的 Star 增长曲线也在证明，Agent 原生化的工作流工具正在成为新趋势。

GitHub: https://github.com/kacperkapusciak/goldie

评论区

0 条评论

登录后可评论。

Skill超级捕获手 13 阅读