TRAE SOLO正式版上線，我用30分鐘寫了一個(gè)想做了半年的網(wǎng)站。

昨天晚上，我一直很喜歡的字節(jié)家的TRAE SOLO ，終于正式上線了。

自從他們之前7月21號(hào)發(fā)了以來，其實(shí)就一直在內(nèi)測，一直能用到的人都不多，而現(xiàn)在，終于全量了。

而且，限時(shí)免費(fèi)。

TRAE 國內(nèi)版正式上線的時(shí)候，我也寫過一篇，大家都知道 TRAE 是一個(gè)IDE產(chǎn)品，當(dāng)時(shí)有點(diǎn)類似于Cursor。

而后，Agent越發(fā)爆火，各種編程Agent產(chǎn)品也瘋狂的涌現(xiàn)。

CLI也就是命令行的形態(tài)的產(chǎn)品，逐漸成了主流，但是說實(shí)話，我自己一直以來，作為一個(gè)非專業(yè)用戶，都還是更喜歡一個(gè)GUI界面。

所以， TRAE SOLO 這種編程Agent的形態(tài)，我還是更喜歡一點(diǎn)。

相比于之前7月剛剛亮相時(shí)候的內(nèi)測版，這次 TRAE SOLO 還是更新了蠻多的東西的。

比如左邊，終于有了更加舒服的多任務(wù)列表。

但是最重要的變化，其實(shí)還是這次全新的SOLO Coder的更新。

之前大家可能都用過 SOLO Builder的這個(gè)模式。

非常適合從0到1的去做一個(gè)小項(xiàng)目，能幫你做前端、做后端、自動(dòng)部署等等，但是這玩意，并不適合后續(xù)的迭代和修改，輪數(shù)一多，幻覺就上來了，現(xiàn)在很多編程Agent產(chǎn)品都有這個(gè)通病。

而SOLO Coder就是為了解決這個(gè)任務(wù)而生。

它有一些自己獨(dú)特的特性，比如自動(dòng)調(diào)用多智能體處理復(fù)雜開發(fā)防止污染上下文、支持Plan模式、更好的壓縮上下文等等。

如果說SOLO Builder更適合從0到1，那SOLO Coder，更適合完成從1到100的迭代。

我想用一個(gè)實(shí)際的教程案例，來帶著大家，看一下SOLO Builder和SOLO Coder組合的威力。

比如我一直有一個(gè)痛點(diǎn)，就是找一些APP的logo。

因?yàn)槲覀冏约鹤鰞?nèi)容的時(shí)候，經(jīng)常會(huì)在做封面或者做文中圖片的時(shí)候，需要用到一些APP的logo，比如ChatGPT、微信、QQ等等等等。

但是吧，每一次找這些玩意，都挺麻煩的，要么從一些專門的svg網(wǎng)站下載，要么就去google上面搜，點(diǎn)開一堆網(wǎng)頁來回找，還挺麻煩的。

比如就說就一個(gè)我最近比較喜歡的AI社交產(chǎn)品，叫Second Me，這玩意的圖標(biāo)，長這樣。

我想用它的圖表，去做一下二創(chuàng)，但是，我通過Google搜索出來的，都是這樣。

所以，我就有了一個(gè)自己的想法。

我想做一個(gè)APP的logo的合集網(wǎng)站，就是在這個(gè)網(wǎng)站上，我隨便搜索一個(gè)名字，就能把他們的logo搜出來，然后再接入一個(gè)圖片大模型，能用嘴直接對(duì)這個(gè)APP的logo進(jìn)行二創(chuàng)，比如直接把背景顏色換了、做一個(gè)3D的風(fēng)格等等等等。

而且這個(gè)網(wǎng)站，也能貢獻(xiàn)出來，給大家一起用。

之前這個(gè)想法一直存在腦子里，正好這次TRAE SOLO正式版上了，我就直接拿這個(gè)case，來實(shí)際看一下SOLO Builder + SOLO Coder的能力吧。

首先我們對(duì)這個(gè)任務(wù)進(jìn)行大概的步驟拆解一下：

SOLO Builder做一個(gè)空殼小demo - 找APP logo的數(shù)據(jù)源 - 把一些規(guī)范封裝成智能體 - 使用SOLO Coder制定開發(fā)計(jì)劃 - SOLO Coder在原內(nèi)容上進(jìn)行開發(fā) - 調(diào)試 - 部署。

第一步，就是先搓一個(gè)這個(gè)logo網(wǎng)站的小demo，好看一點(diǎn)差不多就行，先搭個(gè)框架起來。

我先用了Builder搭了個(gè)簡單的框架。

提示詞很簡單，就是告訴它設(shè)計(jì)并開發(fā)一個(gè)LogoSearch軟件圖標(biāo)下載網(wǎng)站的落地頁，包含頂部導(dǎo)航欄、主視覺、示例圖標(biāo)展示、頁腳。

SOLO Builder做這種從0到1的小東西確實(shí)很香，做的效果很不錯(cuò)，整體設(shè)計(jì)還ok，速度很快，而且一次性就跑成功了。

OK，現(xiàn)在，我們已經(jīng)有了一個(gè)還不錯(cuò)的挺好的前端框架了。

第二步，我本來以為是最簡單的，結(jié)果發(fā)現(xiàn)，是最難的。。。

就是找APP logo的數(shù)據(jù)源。

畢竟不能直接用Google的搜索API，那玩意根本不行，有些第三方的也是，極度不穩(wěn)定，在我找了將近半小時(shí)以后，想起了一個(gè)神奇的東西。

就是，APP的圖標(biāo)，大多數(shù)情況下，不就是官方的LOGO嗎。

于是我搜了下，發(fā)現(xiàn)遠(yuǎn)古的iTunes上，還真有現(xiàn)成的接口。

這就省事多了，找到了數(shù)據(jù)源以后，直接開干。

在開始用Coder迭代之前，我先建了這個(gè)API的對(duì)應(yīng)的智能體。

因?yàn)镃oder有個(gè)比較牛逼的點(diǎn)就是，在過程中，動(dòng)態(tài)的調(diào)用其他的智能體，可以分散開發(fā)，防止污染上下文。

而且我一向是喜歡能封裝的就封裝，要不然亂糟糟的，而且非常不利于后續(xù)的產(chǎn)品迭代，有規(guī)范還有規(guī)矩。

所以，我們點(diǎn)擊這個(gè)SOLO Coder小圖標(biāo)的這個(gè)地方。

在展開的彈窗里，就可以創(chuàng)建一個(gè)智能體了。

我就搞了一個(gè)iTunes的智能體，這個(gè)智能體長這樣，在提示詞那塊直接把API文檔和調(diào)用格式就直接全部給過去了。

除了這個(gè)之外，我又亂七八糟的按照我心中對(duì)于這個(gè)網(wǎng)站的規(guī)劃，搞了一些我覺得會(huì)有用的進(jìn)行約束的智能體，比如火山引擎API的這個(gè)，我就往里面扔了Seedrame 4.0的API調(diào)用規(guī)范。

OK，到這一步，準(zhǔn)備工作基本就全部完成了。

接下來，就是正兒八經(jīng)的往里面填數(shù)據(jù)的實(shí)際開發(fā)了。

我們，直接切換到SOLO Coder模式。

當(dāng)你切換到SOLO Coder后，你會(huì)發(fā)現(xiàn)，右邊多了一個(gè)非常適合復(fù)雜任務(wù)的Plan模式，可以在正式編程前確定具體的執(zhí)行細(xì)節(jié)。

畢竟一個(gè)垃圾的計(jì)劃，會(huì)浪費(fèi)掉后續(xù)所有的時(shí)間和資源，我這個(gè)任務(wù)還好一點(diǎn)，如果是那種極度復(fù)雜的基于原有倉庫進(jìn)行開發(fā)的任務(wù)，你的開發(fā)計(jì)劃列錯(cuò)了，那就全崩盤了。

我打開了Plan模式后，把我的需求發(fā)了過去，寫的Prompt其實(shí)超級(jí)簡單，就是把我希望加上的功能，給它列了出來。

4、實(shí)現(xiàn)收藏夾功能，數(shù)據(jù)存在瀏覽器本地，不需要賬號(hào)同步、登錄等功能。

發(fā)過去以后，它立馬就寫了一個(gè)很詳細(xì)具體的計(jì)劃。

這個(gè)計(jì)劃，詳細(xì)的有點(diǎn)離譜的程度了。

你可以點(diǎn)開以后在右邊進(jìn)行確認(rèn)，要是覺得代碼結(jié)構(gòu)和交付結(jié)果沒啥問題，你就可以點(diǎn)擊執(zhí)行，開干。

你要是覺得不行的話，就在下方的對(duì)話欄里進(jìn)行對(duì)話然后修改。

我大概看了一下，具體的的框架沒啥問題，有些太細(xì)節(jié)的東西我也不懂，于是，我就讓它，真正的開始，執(zhí)行。

在我確認(rèn)之后，它就自己列了個(gè)任務(wù)清單，刷刷刷開干了。

TRAE SOLO有一個(gè)特別酷的實(shí)時(shí)跟隨的功能，開了以后SOLO會(huì)自動(dòng)切換面板，把整個(gè)開發(fā)過程都暴露給你看，就跟你看一場實(shí)時(shí)AI編程直播其實(shí)沒啥區(qū)別。

如果不想看，當(dāng)然也可以把它最小化，先去打把游戲，或者做點(diǎn)別的事情。

它做好了會(huì)彈出消息提醒。

因?yàn)橛辛藢?shí)時(shí)跟隨，真的看AI編程看得有點(diǎn)上癮，我真的一直盯著看了十幾分鐘。

在過程中還挺有意思的，每一步做完以后，都會(huì)打個(gè)橫杠，表示已完成這一項(xiàng)任務(wù)。

大概過了30分鐘之后，它終于，完成了所有的代碼編寫。

我也收到了一條通知。

我跑回去看了一下，一共5697多行，屬實(shí)震撼。

我當(dāng)時(shí)的心情，其實(shí)就跟開盲盒一樣，畢竟等了半個(gè)多小時(shí)，我不知道，是驚喜還是驚嚇。

我直接打開了一下網(wǎng)頁，我發(fā)現(xiàn)，這個(gè)完整率和成功率，當(dāng)時(shí)讓我非常的驚喜。

甚至喊出了一句，臥槽。

前端和后端的功能，居然都非常的正常。

沒有一點(diǎn)問題，主功能是完全OK的，比如我想搜ChatGPT的logo，直接就搜到了。

搜了其他的，也都OK。

收藏也沒問題功能也沒有問題，而另外的我們有兩個(gè)非常重要的功能，AI改圖和不同格式的下載。

這個(gè)就，做的更完整了。

點(diǎn)開logo詳情頁，你就能看到一堆參數(shù)。

甚至不只有我想要的不同格式，還有不同的尺寸。

比我自己之前想的，還要全面。

PNG、JPG、WebP啥的格式，也全都有了。

而且，AI改圖的功能也實(shí)現(xiàn)了，他給我把功能放在了列表頁上。

使用也很方便，只需要在搜出來的結(jié)果里點(diǎn)一下魔法棒按鈕。

就會(huì)進(jìn)入一個(gè)新頁面，也按照我的需求，把API key的地方給留了出來，接入的是Seedream 4.0，只要填一個(gè)火山引擎的API密鑰就能使用。

比如我要把這個(gè)logo，編程手繪風(fēng)格。

直接一句話，就搞定了，甚至SOLO Coder還自己更進(jìn)了一步，給我加了直接用滑塊看對(duì)比圖的功能。

雖然作為一個(gè)體驗(yàn)設(shè)計(jì)師，它的很多UI和交互還有不少值得優(yōu)化的地方，但是這個(gè)完整度，已經(jīng)非常恐怖了。

喜歡，很喜歡。

在一切都測試開發(fā)完了之后，我又用里面的小工具，把項(xiàng)目上線到Vercel了。

https://logosearch.vercel.app/

歡迎大家去玩，不過不能保證穩(wěn)定性= =。

SOLO Builder + SOLO Coder的組合，真的超級(jí)香，感覺這一把，可能真的成了。。

最后，再說一下價(jià)格這塊。

現(xiàn)在官方定價(jià)是首月3美元，這幾天是純粹的限免，然后Pro用戶每月有600次快速請(qǐng)求額度，限時(shí)贈(zèng)送300額度的額外禮包。

在做上面這個(gè)logo的網(wǎng)站上，一般來說需要花100多快速額度，不過現(xiàn)在因?yàn)檫@幾天限免，所以都是隨便用完全不會(huì)消耗額度。

所以啊，趕緊去薅啊

總之，這次TRAE SOLO的更新，在我看來，是非常棒的。

超級(jí)棒的配合，對(duì)小白對(duì)專業(yè)用戶，都能找到自己都有的用武之地。

TRAE SOLO這一波，在編程Agent產(chǎn)品上，還是有自己獨(dú)特的生態(tài)位的。

期待TRAE的下一次進(jìn)化。

也期待更多人。

做出更多。

有意思的東西。

以上，既然看到這里了，如果覺得不錯(cuò)，隨手點(diǎn)個(gè)贊、在看、轉(zhuǎn)發(fā)三連吧，如果想第一時(shí)間收到推送，也可以給我個(gè)星標(biāo)?～謝謝你看我的文章，我們，下次再見。

>/ 作者：卡茲克、dongyi

>/ 投稿或爆料，請(qǐng)聯(lián)系郵箱：wzglyay@virxact.com