技巧精选

BaoCut 开发工作流:用 Claude Code 和 Opus 4.8 做原型设计

我在开发 BaoCut 这个 App 的时候,是基于一个 Loop 来的: 1. 在开发新功能之前先设计原型(参考图1),借助的是 baoyu-design skill (https://t.co/...

精选理由

宝玉公开了 BaoCut 的开发流程,教你用 Claude Code、Opus 4.8、Fable 5 和 Codex 分工协作,从原型到发布一步到位。

AI 摘要

宝玉分享了开发 BaoCut App 的循环工作流:先用 baoyu-design skill 配合 Claude Code 内置浏览器和 Opus 4.8 模型设计原型。原型打磨后在同一会话内让 Claude Code 基于新 UI 实现功能,Fable 5 能将设计稿几乎 1:1 还原。测试通过后使用 Codex 的 CloudFlare Plugin 直接发布更新到 CF。Opus 4.8 设计能力优于 GPT 5.6 Sol,但 GPT 5.6 Sol 在非 UI 部分表现好。

原文 · 宝玉

我在开发 BaoCut 这个 App 的时候,是基于一个 Loop 来的: 1. 在开发新功能之前先设计原型(参考图1),借助的是 baoyu-design skill (https://t.co/...

我在开发 BaoCut 这个 App 的时候,是基于一个 Loop 来的: 1. 在开发新功能之前先设计原型(参考图1),借助的是 baoyu-design skill ( github.com/jimliu/baoyu-d… ),配合 Claude Code App 内置的浏览器实施预览调整,模型 Opus 4.8 就很好了,都不需要 Fable 5. GPT 5.6 Sol 设计能力还是不如 Opus 4.8 2. 原型打磨好了后,只需要在同一会话内,让 Claude Code 基于新的 UI 设计去实现功能即可,这块 Claude 做的很好,Fable 5 效果最好,能将设计稿几乎 1:1 还原,如果修改不多 Opus 4.8 也能胜任。 这些 UI 的打磨我还是更放心让 Fable 和 Opus 而不是 GPT,但其他一些不涉及 UI 部分的 GPT 5.6 Sol 就做的很好。 3. 更新好了后测试没问题,就可以通过发布的 skill 发布新版本。 这里可以放心让 Codex 去做了,尤其是它的 CloudFlare Plugin 很好用,直接帮助发布更新安装包到 CF。 宝玉 @dotey 字幕转录翻译剪辑 Skill —— BaoCut(仅支持 Mac) 借助 Agent Skill,可以转录视频、对转录结果识别 Speaker、润色(纠正错别字口癖等)、也可以根据转录结果对视频进行简单的剪辑,比如删除口癖、重复等。 这次尝试解决一个问题就是 Agent 对字幕转录翻译后,无法通过一个友好的操作界面二次编辑的问题。 现在的做法是为 Agent 提供一个 cli,配合 Skill 的说明,Agent 可以借助 cli 去转录,获取转录结果润色、翻译,并实时同步进度到 GUI。后续可以在 GUI 进行预览和人工编辑。 安装了 Skill 和 App 后,后续只要从 Codex 或者 Claude Code 这种 Agent,触发 Skill 即可执行,比如: > /baocut 转录并翻译视频:<视频 url 或路径> 已知问题: - 仅支持 Mac - 翻译速度略慢,但质量会不错 下载地址: baocut.app Skill 从 App 内可以安装,或者 Skill 地址: github.com/jimliu/baocut 🔗 View Quoted Tweet 💬 2 🔄 0 ❤️ 2 👀 1214 📊 2 ⚡

  • Simon Willison’s Weblog07-13 21:45原文
  • Cognition07-13 17:06原文
BaoCut 开发工作流:用 Claude Code 和 Opus 4.8 做原型设计 · AI 热点