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

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

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

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

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

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

得到了我的健身教練高度評(píng)價(jià)。

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

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

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

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

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

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

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

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

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

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

最后就是一個(gè)正常的正在迭代的寫(xiě)代碼的這樣一個(gè) Agent。

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

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

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

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

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

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

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

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

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

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

然后一些有感知的改動(dòng)介紹完之后呢，我們就可以看一下一些沒(méi)有感知的改動(dòng)，就是它整個(gè)的能力的提升。

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

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

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

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

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

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

由于開(kāi)了計(jì)劃模式，他就出了一個(gè)比較簡(jiǎn)單的結(jié)果，數(shù)據(jù)都是對(duì)的。

但是整個(gè)頁(yè)面非常簡(jiǎn)單，就三個(gè)圓環(huán)，數(shù)據(jù)統(tǒng)計(jì)非常簡(jiǎn)單，這個(gè)介紹等于沒(méi)說(shuō)。

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

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

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

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

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

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

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

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

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

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

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

不過(guò)上下文我看已經(jīng)到了百分之七八十了，我就心想這是不是見(jiàn)好就收就這樣了。再寫(xiě)的話，一般來(lái)說(shuō)這種 Agent 這個(gè)時(shí)候它可能就要報(bào)錯(cuò)或者是遺忘上下文了。

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

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

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

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

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

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

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

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

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

再之后的話，它會(huì)去等待 Gemini 的分析。

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

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

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

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

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

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

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

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

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

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

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

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

每次都是想到什么了，或者報(bào)錯(cuò)了，我才開(kāi)始改，或者讓他說(shuō)。

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

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

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

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

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

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

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

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