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 分支中搬運代碼。 無敵 ～