智能体
x.com ·
@宝玉 (@dotey)
开发者分享：用 Claude Design 和 Fable 5.1 为 BaoCut 设计 Agent 功能原型
宝玉在开发 BaoCut v2 时，使用 Claude Design（本地 skill）和 Fable 5.1 进行原型设计，通过具体提示词指导模型优化界面，将 Agent 功能提升为左侧主入口，并集成 Claude CLI 和 Codex CLI 作为后端。第一轮结果已相当不错。
AI推荐理由 宝玉分享使用 Claude Design 和 Fable 5.1 进行原型设计的实际经验，包含具体提示词和结果，对开发者有参考价值，但属于个人实践分享，非官方发布。
75
浏览 40,082
点赞 218
评论 20
转发 32
正文
我一直讲我在用 Claude Design （我是用的本地 skill github.com/JimLiu/baoyu-d… ）做原型，加新功能修改功能会先修改原型。 我来举个例子我是怎么为新功能做原型的。我正在开发 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 的保留，但是形式可以重新思考 请基于这个思路升级改造原型 宝玉@dotey x.com/i/article/2094… 🔗 View Quoted Tweet 💬21🔄32❤️222👀40705📊69 ⚡ Powered by xgo.ing