开发者实战：用 Claude Code CLI 与 Fable 快速重构

我一直讲我在用 Claude Design （我是用的本地 skill http://github.com/JimLiu/baoyu-design ）做原型，加新功能修改功能会先修改原型。

我来举个例子我是怎么为新功能做原型的。我正在开发 BaoCut 的 v2，还是决定加上 Agent 功能（打脸自己了），因为从用户角度来说，确实还是能从 App 直接调用 Agent 更方便，不过我不自己做 Harness，只是用本机已经安装好的 codex 或者 cluade code cli。

正好今天 Fable 5.1 发布，拿它来测试正好不过的。提示词很简单，基本上就是我想要什么。（参考图1）

第一轮下来结果就还不错了。（参考图2-图4）

--- 我的提示词 ----

帮我站在用户的角度重新思考 designs/baocut/BaoCut.html ，尤其是新用户如何更容易上手去优化原型结构，不要局限于当前的设计，跳出当前设计更多从用户功能角度思考。

把 Agent 提到左侧主入口：左侧有历史会话和最近项目，可以方便的进入agent新开会话（图片重点参考对话框和对话消息历史）

Agent 底层是 Claude cli、Codex cli 等现成的 Harness 和订阅

要结合当前 baocut 的功能特点

打通翻译字幕等位置的入口

从右侧tab去掉agent tab

原有 LLM API 翻译等功能使用 API 调用 LLM 的保留，但是形式可以重新思考

请基于这个思路升级改造原型