難道 Trae 這次真的成了？用新模式做了輔助你健身的超復雜產品

試了一下 TRAE 剛更新的 Solo 正式版，發(fā)現(xiàn)還是挺厲害的。尤其是這個Solo coder Agent 很強。

擅長項目理解、需求迭代和重構以及bugfix等復雜開發(fā)任務。整個鏈路從分析需求到上線，它都可以在內部自動完成。。

現(xiàn)在就可以看一下，我用Trae Solo Coder 模式重構出來的一個產品。

只需要輸入你的基本信息和你最近的力量訓練的數(shù)據(jù)，然后 AI 就會給你一個非常詳細而且精準的分析報告。

包括你現(xiàn)在的整體的水平是什么樣的、你的評分以及你每個動作目前的訓練狀況、你的組數(shù)、你的圖表直觀地去看你的進步，以及這個動作的一些要點要領和你現(xiàn)在訓練的方法。

得到了我的健身教練高度評價。

這里嘗試：https://traezxkjhjlo.vercel.app/

然后我會先介紹一下它這次幾個特色的功能，然后再詳細介紹一下這個產品的編碼過程，我是如何去使用和測試這個 Agent 的能力的。

首先是這次新增的一個模式叫 Solo Coder，相較于之前的 Solo Builder 模式，它的整個能力會更加的強大，非常適合這種復雜代碼庫的維護，支持智能任務的規(guī)劃以及多 Agent 的協(xié)同進行并發(fā)工作。

在創(chuàng)建新任務的時候就可以選擇 Solo Coder 模式。

選擇完成之后可以發(fā)現(xiàn)，整個軟件編程了三欄的交互設計：

• 最左邊是多任務列表，你可以看到每個任務目前的狀態(tài)，它的任務是正在進行、完成了，還是已經(jīng)中斷了。
• 中間的就是主頁面，就是你跟當前選擇 Agent 的主要交互界面就在這里，你可以輸入信息，然后看到 Agent 當前的執(zhí)行細節(jié)。
• 最右邊就是一些不同的窗口的預覽，它會根據(jù)當前的 Agent 進行的狀態(tài)，切換不同的工具，幫你展示不同的信息。
• • 比如說當前是要預覽網(wǎng)頁的，就是瀏覽器。
  • 當前是要讓你看這個編碼的效果或者更改的效果的話，就是代碼變更頁面。如果說你是要看具體的代碼，它就是 IDE 的那個編輯器界面。
  • 包括它還支持實時跟蹤，就能夠當時自動的給你打開對應的頁面進行預覽。在右側。

再之后就是 Coder 模式的多 Agent 并發(fā)能力了。你完全可以創(chuàng)建多個

Agent 窗口，讓他們同時進行不同的任務。

比如說我這里第一個就是用來讓 AI 去優(yōu)化它的交互和設計。讓他查找一些交互設計存在的問題，然后給出不同的解決方案。別的 Agent 在寫代碼的時候，他就可以做這個事情。

第二個就是分析項目的優(yōu)化點，就是分析一些目前其他 Agent 寫出來的代碼存在的問題，讓他給出修復和解決方案。

最后就是一個正常的正在迭代的寫代碼的這樣一個 Agent。

這樣可以不同的 Agent 進行規(guī)劃，一個進行操作，一個進行設計。然后角色化以后就可以并發(fā)的去處理很多任務，而且可以避免同一個上下文超出或者是相互影響這種問題。

而且多任務并發(fā)這里，你可以自己去創(chuàng)建新的 Agent。

目前創(chuàng)建 Agent 的時候，那些表單你可以不用自己去填寫了，你只需要大概描述一下需求，它會去幫你去創(chuàng)建 Agent 所需要填寫的表單，你只需要稍微的微調就可以，這個自動生成的智能體圖標也很有意思。

再然后它現(xiàn)在就會有個計劃模式，如果你開啟了這個 plan 模式的話，它在執(zhí)行操作前就會自己進行規(guī)劃任務。

然后會告訴你哪個任務執(zhí)行完，哪個任務還沒有執(zhí)行，執(zhí)行的結果是什么樣的，會讓你有一個清晰的認知，對目前的進度。

而且他們的表現(xiàn)形式和 UI 處理得很好，表現(xiàn)得很清晰。

然后是上下文壓縮，我覺得很好，尤其是它會讓你直觀地看到正在進行上下文壓縮。

不避諱上下文這個問題，同時給出了一個非常好的解決方案：你可以主動觸發(fā)上下文壓縮，也可以在達到上下文長度時由 AI 自動壓縮。

在上下文達到 70% 的時候，我看見它出了一個窗口自動總結和上下文。這個時候你會感覺很安心，就會覺得一切盡在掌控。

它非常智能，不會因為上下文爆了而導致最后瞎改亂改，會把關鍵信息全部總結好存起來。

然后一些有感知的改動介紹完之后呢，我們就可以看一下一些沒有感知的改動，就是它整個的能力的提升。

這里的話我就會講一下我這個項目是怎么做的，看一看中間它有哪些問題，以及它是怎么自己去修復的。

這個需求來自于我在健身的時候跟教練的對話，因為他每次都會給我發(fā)這次訓練的表格，大概是訓練了哪些動作然后做了多少組多少重量，然后我感覺這種數(shù)據(jù)不太方便我這種小白感知自己的狀態(tài)。

后來我就想要是可以做個 AI 分析系統(tǒng)就好了，根據(jù)每次訓練狀態(tài)打分，然后是總的介紹和建議，最后將數(shù)據(jù)可視化展示，告訴我每個動作的要點和用圖表直觀的看到進步。

剛好更新了新版 Trae 就想說直接試試能不能做吧，這個項目的難點在于需要有一個非常詳細的報告模版以及數(shù)據(jù)超級多都得填進去，還得控制 AI 解析表格輸出結果，把結果寫到前端里面。

剛開始我就是簡單的說了一下要求，也沒有讓他解析，就是想直接把數(shù)據(jù)放在文檔里面，然后隨便說了一下，讓他去分析一下我的數(shù)據(jù)。

它啟動了一個 React 項目，中間有幾次小的報錯，然后右邊內置的瀏覽器可以把報錯內容發(fā)給左邊的輸入框，然后它就正常都修復了，沒有進行干預，我也沒有給提示。

由于開了計劃模式，他就出了一個比較簡單的結果，數(shù)據(jù)都是對的。

但是整個頁面非常簡單，就三個圓環(huán)，數(shù)據(jù)統(tǒng)計非常簡單，這個介紹等于沒說。

然后我就想說，不行，就跟他討論一下這種分析應該是有哪些元素？就比如說他需要更詳細一點之類的。

這是第一次，我感覺到這個東西好像不太一樣，就是他認真地讀了我所有的數(shù)據(jù)，然后設定了一個非常詳細的報告的格式和內容。

包括教育性的內容，然后數(shù)據(jù)的層次展示，還有詳細的動作卡片以及生理學的解釋，這個太專業(yè)了，就是我簡單地說了一下，他就 get 了我的意思，給了一個非常詳細的計劃。

然后他就搞定了，我都震驚了。

因為整個的內容是非常詳細的，只是他這兒做了一個 Tab，中間的動作分析呢每一個動作都有。

你想想我訓練的時候可能涉及到幾十個動作，每一個動作的分析都有。

然后訓練科學的介紹和解釋也比較詳細。

但是我覺得這個 Tab 它不太好看和好用。因為你本身頁面還有那么多的空間，我就讓他把這 3 個 t 的內容都放在一個頁面里平鋪。當然他也搞定了。

而且還調用了自己的 AI 分析了數(shù)據(jù)，把數(shù)據(jù)寫到了對應的數(shù)據(jù)集里面，讓這個頁面去調用。

后面我還對這個頁面做了很多零碎的修改。就比如說它原來是 emoji 圖標。然后原來的圖表沒有調用這種正常的折線圖或者什么圖表，它都是自己寫的一個，就是有很多問題。這些修改呢最后都完成了。

其實到這個時候頁面已經(jīng)相當不錯了。但是它的數(shù)據(jù)結構是按照一次性的數(shù)據(jù)結構來的，沒有為多種 SVG 分析和 AI 結束做好準備。

不過上下文我看已經(jīng)到了百分之七八十了，我就心想這是不是見好就收就這樣了。再寫的話，一般來說這種 Agent 這個時候它可能就要報錯或者是遺忘上下文了。

但是心想反正都是了，他現(xiàn)在都寫這么好了，我就直接讓他做一做試試唄。

于是就讓他把這個改成一個真正的產品：前面需要讓你輸入你自己的基礎信息，中間會讓你上傳你自己訓練記錄的 CSV 表格，最后會讓你填寫自己的 API，變成一個自動分析產品的完整產品。

然后我就看到他開始壓縮上下文，壓縮完上下文以后，他就開始正式地進行這個完整產品的整個改變。

最后在運行的時候，經(jīng)過幾次 debug，完全是他自己進行的。

它啟動自帶的瀏覽器，發(fā)現(xiàn)控制臺有報錯，然后自己去修復；修復完啟動，又發(fā)現(xiàn)另一個報錯，再次自己修復。經(jīng)過一段時間的修復，終于搞定，所有功能都 OK。

后面我就讓他又改了一下前面幾個頁面的 UI，以及我提供了一下 Gemini 調用的事例代碼，就成了現(xiàn)在這個完整的版本。

來看一下這個產品最后的結果。

你首先是填寫自己的基本信息，然后上傳那個 CSV 表格。

之后的話填寫你自己的 Gemini API，這個也是免費的。

再之后的話，它會去等待 Gemini 的分析。

最后的話分析結束是三個部分：

第一部分就是總覽，你訓練的怎么樣。

第二部分是訓練科學，就是你現(xiàn)在的 AI 給你的建議。

第三部分是每個動作的動作數(shù)據(jù)，然后動作的要點以及這個動作重要性，以及當前你現(xiàn)在的進度。

在之后的話，我看到它右上角有個部署，我就部署了一下，然后部署上去以后發(fā)現(xiàn)是需要連接那個 vercel 的。

然后上去之后發(fā)現(xiàn)它是 404 了，由于我也沒有用過 vercel，所以說我也不知道它應該是什么問題。然后我看了那個 log 頁面，我沒有看，我也沒有看出問題來。

于是就找朋友去看看怎么辦。然后我在看的過程中，我在想能不能讓他去分析一下，看看到底是什么問題，能不能自己發(fā)現(xiàn)而自己修復。

于是我就 404 截圖，還有 Vercel 那個平臺的 log 頁面截圖發(fā)給他了。然后讓他分析，沒想到他真找到了問題，然后也修復了，修復了以后上傳上去就好了。

而且他找到的問題和開發(fā)者朋友發(fā)現(xiàn)的問題是差不多的。

整體下來最震驚我的是它的規(guī)劃能力和多次修改的穩(wěn)定性。

包括應該輸入什么內容、每個部分的內容分析是什么樣的，以及交互體驗應該是什么樣的，我都沒有給他細說。

以前作為 Vibe coding，為了避免 AI 模型自己發(fā)揮或者報錯，我們都要說得很細，但這次我故意什么都沒說。

每次都是想到什么了，或者報錯了，我才開始改，或者讓他說。

但是它像信息的填寫表單有哪些內容，包括中間 AI 去分析的時候，等待頁面他都考慮到了。

還有就是他發(fā)現(xiàn)問題、自己去解決問題的能力是非常非常強的。

中間有好幾次，我真的一點頭緒都沒有。因為這個 React 項目還是比較復雜的，我以前都不敢讓這種純的 Agent 產品去寫 React 項目。

因為光是部署和把這個服務器啟動起來，很多的純文模型基本上就無法完成。更別說在這么復雜的 React 項目上不斷地進行修改迭代。

真的朋友們推薦自己試試，而且 11 月 12 日到 15 日這三天還有限時免費體驗活動，所有用戶都可以嘗試 SOLO 模式。

好，我是歸藏，這期內容就結束了

如果你覺得這期內容對你有幫助的話，可以幫我點個贊，或者是點個喜歡。

如果覺得可能會幫助到你的朋友，也幫忙轉發(fā)??給他們。