Bon French 4.0 版本更新
这周终于把 Bon French 4.0 上线需要做的东西都完成了。
这次更新了什么
UI 更新
原来的交互有一些瑕疵,这次把界面改得更圆润了,主色调从原先的黑白改成了绿白。 这样看起来会更鲜活一些。
当然还有不少界面需要更新。还没有用 AI design 工具来辅助开发,大多都是手动在改。
新特性:阅读
这个法语工具,大多是我在日常学习法语、英语时积累下来的。 有的时候突然想到一个点子,就会尝试把它做成工具。
比如 4.0 加入了 AI 阅读生成功能。 原因是女儿需要日常练习阅读,于是就开发了这个用 AI 生成阅读内容的工具。
可以根据提示生成对应难度的阅读内容,比如限制:
- 场景
- 语法
- 词汇
新特性:句子翻译
另外一个是生成对应难度的翻译题,用来提高英语、法语输出能力。 整体功能比较简单,主要是统一运行规则。
剩下的就交给 Agent。
新特性:卡片
同样还有一个卡片特性。发现自己的英语和法语词汇量成长比较慢后,我提了一句需求,Cursor 给出了早期版本。 后续不断迭代,目前基本能满足需求。
自己使用下来,感觉词汇量提升还是很不错的。
No more Coding
4.0 版本几乎所有代码都是由 AI 生成,几乎替换了原有的一些早期代码。
有一种“忒修斯之船”的幻觉。 看起来所有架构我都熟悉,但是代码已经完全不是我的了。
这次主要重构了:
- 接口
- 前端数据存储方式
- 大量 UI
这个过程还是很愉快的,因为效率真的提升了很多。
目前可以开着 3 个 session 进行修改。
从沟通 Doc 开始
所有稍微大一些的改动,我都会先跟 AI 进行沟通, 让她给出方案和对比,然后把结论记录到 doc 文档中。
用文档的优势是,它可以作为跨 session 的上下文索引。有的时候 Claude Code 的额度用完了,我可以用其他模型继续进行研发,或者做后续迭代。 也算是一种省 token 的方式,不用每次让 AI 扫描整个项目。
Plan 模式
目前 AI 的 plan 模式成为一种工作方式,它就像之前在互联网公司工作时的产品会议。 产品经理在上面解释 PRD 文档,plan 模式给出了类似 PRD 的视角。
当跟 AI 聊完后,感觉差不多可以做了,就让她根据文档建立 plan。 这个时候的 plan 通常完整性很高,生成的代码大多一次可用,当然也跟模型能力提升有关。
提交前 reflect
一般我在代码提交的时候,让 Agent 做一次 reflect,可以清理掉一些不必要的代码。 有些时候 plan 执行完后,方案又发生变化,会产生一些技术债务。通过 reflect 可以消除掉不少代码债务。
最后再次更新一下 doc 文档,为后续迭代准备好上下文。
一些小插曲
其实这次更新一开始有 3.0 版本,不过因为中间改动太大,导致仓库无法 merge 了。 目前项目的 Next.js 版本有些老,想升级一下,发现进入升级地狱,导致主干的更新无法 merge 进来。 于是干脆新起了项目分支。
一个小技巧:跨分支搬运功能
换作以前,新写的代码迁移会成为噩梦。 幸好 AI 挺擅长做这个的。比如我跟 Agent 说我要 3.0 分支里的某一个功能,帮我搬过来。 它竟然很快就能理解,并且在 workspace 环境下从 3.0 分支中搬运代码。 无敌 ~
