難道 Trae 這次真的成了？用新模式做了輔助你健身的超復(fù)雜產(chǎn)品

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

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

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

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

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

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

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

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

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

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

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

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

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

Agent 窗口，讓他們同時進(jìn)行不同的任務(wù)。

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

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

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

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

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

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

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

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

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

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

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

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

它非常智能，不會因?yàn)樯舷挛谋硕鴮?dǎo)致最后瞎改亂改，會把關(guān)鍵信息全部總結(jié)好存起來。

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

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

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

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

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

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

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

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

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

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

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

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

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

因?yàn)檎麄€的內(nèi)容是非常詳細(xì)的，只是他這兒做了一個 Tab，中間的動作分析呢每一個動作都有。

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

然后訓(xùn)練科學(xué)的介紹和解釋也比較詳細(xì)。

但是我覺得這個 Tab 它不太好看和好用。因?yàn)槟惚旧眄撁孢€有那么多的空間，我就讓他把這 3 個 t 的內(nèi)容都放在一個頁面里平鋪。當(dāng)然他也搞定了。

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

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

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

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

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

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

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

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

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

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

來看一下這個產(chǎn)品最后的結(jié)果。

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

之后的話填寫你自己的 Gemini API，這個也是免費(fèi)的。

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

最后的話分析結(jié)束是三個部分：

第一部分就是總覽，你訓(xùn)練的怎么樣。

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

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

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

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

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

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

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

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

包括應(yīng)該輸入什么內(nèi)容、每個部分的內(nèi)容分析是什么樣的，以及交互體驗(yàn)應(yīng)該是什么樣的，我都沒有給他細(xì)說。

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

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

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

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

中間有好幾次，我真的一點(diǎn)頭緒都沒有。因?yàn)檫@個 React 項(xiàng)目還是比較復(fù)雜的，我以前都不敢讓這種純的 Agent 產(chǎn)品去寫 React 項(xiàng)目。

因?yàn)楣馐遣渴鸷桶堰@個服務(wù)器啟動起來，很多的純文模型基本上就無法完成。更別說在這么復(fù)雜的 React 項(xiàng)目上不斷地進(jìn)行修改迭代。

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

好，我是歸藏，這期內(nèi)容就結(jié)束了

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

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