TRAE SOLO 正式版上线，我用 30 分钟写了一个想做了半年的网站

1. 引言

昨天晚上，我一直很喜欢的字节家的 TRAE SOLO，终于正式上线了。

自从他们之前 7 月 21 号发了以来，其实就一直在内测，一直能用到的人都不多，而现在，终于全量了。

而且，限时免费。

1.1. TRAE SOLO 简介与更新

TRAE 国内版正式上线的时候，我也写过一篇，大家都知道了 TRAE 是一个 IDE 产品，当时有点类似于 Cursor。

而后，Agent 越发爆火，各种编程 Agent 产品也疯狂的涌现。CLI 也就是命令行的形态的产品，逐渐成了主流，但是说实话，我自己一直以来，作为一个非专业用户，都还是更喜欢一个 GUI 界面。

所以，TRAE SOLO 这种编程 Agent 的形态，我还是更喜欢一点。

相比于之前 7 月刚刚亮相时候的内测版，这次 TRAE SOLO 还是更新了蛮多的东西的。

1.1.1. 界面更新

比如左边，终于有了更加舒服的多任务列表。但是最重要的变化，其实还是这次全新的 SOLO Coder 的更新。

1.1.2. SOLO Coder 新特性

之前大家可能都用过 SOLO Builder 的这个模式。

非常适合从 0 到 1 的去做一个小项目，能帮你做前端、做后端、自动部署等等，但是这玩意，并不适合后续的迭代和修改，轮数一多，幻觉就上来了，现在很多编程 Agent 产品都有这个通病。

而 SOLO Coder 就是为了解决这个任务而生。

它有一些自己独特的特性，比如自动调用多智能体处理复杂开发防止污染上下文、支持 Plan 模式、更好的压缩上下文等等。

如果说 SOLO Builder 更适合从 0 到 1，那 SOLO Coder，更适合完成从 1 到 100 的迭代。

1.2. 实战案例：使用 TRAE SOLO 开发 LogoSearch 网站

我想用一个实际的教程案例，来带着大家，看一下 SOLO Builder 和 SOLO Coder 组合的威力。

1.2.1. 项目背景与需求

比如我一直有一个痛点，就是找一些 APP 的 logo。

因为我们自己做内容的时候，经常会在做封面或者做文中图片的时候，需要用到一些 APP 的 logo，比如 ChatGPT、微信、QQ 等等等等。

但是吧，每一次找这些玩意，都挺麻烦的，要么从一些专门的 svg 网站下载，要么就去 google 上面搜，点开一堆网页来回找，还挺麻烦的。

比如就说就一个我最近比较喜欢的 AI 社交产品，叫 Second Me，这玩意的图标，长这样。

我想用它的图表，去做一下二创，但是，我通过 Google 搜索出来的，都是这样。

所以，我就有了一个自己的想法。

我想做一个 APP 的 logo 的合集网站，就是在这个网站上，我随便搜索一个名字，就能把他们的 logo 搜出来，然后再接入一个图片大模型，能用嘴直接对这个 APP 的 logo 进行二创，比如直接把背景颜色换了、做一个 3D 的风格等等等等。

而且这个网站，也能贡献出来，给大家一起用。

之前这个想法一直存在脑子里，正好这次 TRAE SOLO 正式版上了，我就直接拿这个 case，来实际看一下 SOLO Builder + SOLO Coder 的能力吧。

1.2.2. 开发流程规划

首先我们对这个任务进行大概的步骤拆解一下：

SOLO Builder 做一个空壳小 demo
找 APP logo 的数据源
把一些规范封装成智能体
使用 SOLO Coder 制定开发计划
SOLO Coder 在原内容上进行开发
调试
部署。

1.2.3. 第一步：使用 SOLO Builder 搭建框架

第一步，就是先搓一个这个 logo 网站的小 demo，好看一点差不多就行，先搭个框架起来。

我先用了 Builder 搭了个简单的框架。
提示词很简单，就是告诉它设计并开发一个 LogoSearch 软件图标下载网站。

SOLO Builder 做这种从 0 到 1 的小东西确实很香，做的效果很不错，整体设计还 ok，速度很快，而且一次性就跑成功了。

OK，现在，我们已经有了一个还不错的挺好的前端框架了。

1.2.4. 第二步：寻找数据源

第二步，我本来以为是最简单的，结果发现，是最难的。。。

就是找 APP logo 的数据源。

毕竟不能直接用 Google 的搜索 API，那玩意根本不行，有些第三方的也是，极度不稳定，在我找了将近半小时以后，想起了一个神奇的东西。

就是，APP 的图标，大多数情况下，不就是官方的 LOGO 吗。

于是我搜了下，发现远古的 iTunes 上，还真有现成的接口。

这就省事多了，找到了数据源以后，直接开干。

1.2.5. 第三步：创建智能体

在开始用 Coder 迭代之前，我先建了这个 API 的对应的智能体。

因为 Coder 有个比较牛逼的点就是，在过程中，动态的调用其他的智能体，可以分散开发，防止污染上下文。

而且我一向是喜欢能封装的就封装，要不然乱糟糟的，而且非常不利于后续的产品迭代，有规范还有规矩。

所以，我们点击这个 SOLO Coder 小图标的这个地方。

在展开的弹窗里，就可以创建一个智能体了。

我就搞了一个 iTunes 的智能体，这个智能体长这样，在提示词那块直接把 API 文档和调用格式就直接全部给过去了。

除了这个之外，我又乱七八糟的按照我心中对于这个网站的规划，搞了一些我觉得会有用的进行约束的智能体，比如火山引擎 API 的这个，我就往里面扔了 Seedrame 4.0 的 API 调用规范。

OK，到这一步，准备工作基本就全部完成了。

1.2.6. 第四步：使用 SOLO Coder 进行开发

接下来，就是正儿八经的往里面填数据的实际开发了。

我们，直接切换到 SOLO Coder 模式。

1.2.6.1. Plan 模式

当你切换到 SOLO Coder 后，你会发现，右边多了一个非常适合复杂任务的 Plan 模式，可以在正式编程前确定具体的执行细节。

毕竟一个垃圾的计划，会浪费掉后续所有的时间和资源，我这个任务还好一点，如果是那种极度复杂的基于原有仓库进行开发的任务，你的开发计划列错了，那就全崩盘了。

我打开了 Plan 模式后，把我的需求发了过去，写的 Prompt 其实超级简单，就是把我希望加上的功能，给它列了出来。

1、调用"iTunes图标搜索API接入专家"智能体，实现图标搜索API接入以及图标搜索功能的实现，支持搜索中国，美国，日本，韩国区域的应用。
2、调用"火山引擎Seedream接入专家"智能体，接入seedream 4模型，增加AI修改功能，支持图标风格转换，添加AI处理前后对比视图。APIKEY用户在页面填写，保存在浏览器本地。
3、实现不同格式下载，PNG、JPEG、Web、icon等，包含下载进度显示与完成通知
4、实现收藏夹功能，数据存在浏览器本地，不需要账号同步、登录等功能。

发过去以后，它立马就写了一个很详细具体的计划。

这个计划，详细的有点离谱的程度了。