字节TRAESOLO全量开放我30分钟做出了梦寐以求的网站

就在 11 月 12 号 ，期待了好久的字节产品 Trae SOLO 终于正式上线了。

这个产品已经内测了几个月了，期间一直有各种消息，现在终于可以畅快的体验了，全量，而且还限免，豪气啊！

这次上线的正式版本，相比前面的内测版，还是更新了很多的

现在的页面 是 三 栏分隔， 最 左侧是任务管理页面，也就是说我们可以同时运行多个任务，接着就是与 AI 沟通的输入输出栏，这里也是我们需要重点关注的地方，再往后就是文件展示栏。

细心的朋友可能也看到了，这次的正式版本除了有我们很熟悉的 SOLO Builder 之外，还增加了一个 SOLO Coder 模式。

这两者的区别是，我们可以通过 SOLO Builder 来创建从 0 到 1 的初始，然后使用 SOLO Coder 来完成后续的从 1 到 100 的蜕 变 ，你也可以将已有的复杂项目交给 SOLO C oder 让他帮去实现重构或迭代。

下面我们来通过几个案例来具体感受下不同模式的威力。

先来一个开胃菜，让 SOLO 来克隆一个网站，这里就以奈飞网站为例了。

使用 HTML、CSS 和 JavaScript 创建一个克隆Netflix 网站的、详细且完整的代码。该网站具有模仿 Netflix 的完整 UI 界面，https://www.netflix.com/

SOLO Builder 做这种需求真的是很香，一次性就完成了，而且效果没的说

其实这个小功能对于 SOLO 来说实在是太简单了，下面我们来做 一个 完整的 复杂一些的 需求 吧，这个产品也是我一直想做的，就是一个可以一键生成 n8n 工作流 的网站。

熟悉 n8n 的朋友应该都知道，n8n 的节点超多，至少有 500+节点，每个节点都有大量的配置选项，别说新人了，就算是老司机有时候也被各种配置搞得晕头转向。

那么如果有这么一个网站，用户只需要完整的描述自己的诉求，然后就能生成对应的 n8n 配置文件，是不是就太酷了呢。

说干就干。

首先我们先在 Trae 上配置 n8n-mcp，这是一个 Github 上的开源项目，非常牛。

https://github.com/czlonkowski/n8n-mcp

我们先在本地安装该 MCP 服务，一条命令就好

npx n8n-mcp

看到下面的打印，就说明 n8n-mcp 服务安装启动好了。

接下来我们来到自己的 n8n 平台（如果你有的话），到 Seetings 里面创建一个 API Key，后面有可能会用到。

现在我们来到 Trae 的 MCP 配置页面

先添加一个 MCP

如果你有 n8n key，就使用下面这段代码，N8N_API_URL 和 N8N_API_KEY 分别替换为自己的

{  "mcpServers":{    "n8n-mcp":{      "command":"npx",      "args":["n8n-mcp"],      "env":{        "MCP_MODE":"stdio",        "LOG_LEVEL":"error",        "DISABLE_CONSOLE_OUTPUT":"true",        "N8N_API_URL":"https://your-n8n-instance.com",        "N8N_API_KEY":"your-api-key"      }    }}}

如果没有 n8n key，就用这段代码，全都不用改

{  "mcpServers":{    "n8n-mcp":{      "command":"npx",      "args":["n8n-mcp"],      "env":{        "MCP_MODE":"stdio",        "LOG_LEVEL":"error",        "DISABLE_CONSOLE_OUTPUT":"true"      }    }}}

填写之后如果显示是一个绿色的对号，说明配置成功了，相反如果是我下面截图的一个红色叹号，说明配置不成功哦。

接下来我们还需要配置智能体，因为在 Trae 里面，最小的可调用单元都是智能体。

现在我们就可以在 SOLO 当中调用该智能体了。

下面我们先用 SOLO Builder 创建一个页面

创建一个简洁的网页聊天界面（类似ChatGPT风格）。左侧为聊天区，右下角有输入框与发送按钮；用户输入消息后，模拟AI回复一句“我是AI助手”；使用JavaScript处理消息发送、显示与自动滚动。样式现代，支持深浅主题切换。请输出完整HTML/CSS/JS代码，可本地运行。

先来简单感受下 SOLO 的代码生成速度，真的是飞快呀，很解压

最后我们得到一个静态页面如下

当然了这个页面还有很多要调整的地方，比如输出区域有大片空白，网页的各个地方都充斥着 GPT 的标识等等。

我们可以让 SOLO Builder 继续调整，当然这个同时，我们可以开一个新任务，选择 SOLO Coder 来进行后面的功能补充。

选择 SOLO Coder 之后，可以开启 Plan 模式，就是先规划再执行。

这一点还是很有用的，毕竟有了规划我们就可以先一步知道 AI 会怎么为我们生成内容，而不用等到很长时间之后，才发现生成了一堆垃圾，这样时间也浪费了，Token 也白白花出去了。

打开 Plan 模式之后，只需要把我的需求发过去就好

调用“n8n-mcp智能体”这个智能体，为网站增加一键生成n8n工作流的功能，要求：如果用户给出了自己的n8n地址和api key，那么直接把生成的工作流同步过去，如果没有给出，则返回工作流的json数据信息

它立马会给我列出超级详细的开发计划来，基本不用怎么动

但是我注意到有一点，Trae 以为我说的一键生成 n8n 工作流是一个按钮，但是我的意图是根据用户的输入信息来一键生成，所以这里我们再继续明确我们的诉求

有一点我可能没有描述清楚，我说的一键生成n8n工作流，是指的用户在输入框输入自己的诉求，然后网站根据用户输入来生成相关的n8n工作流，请把这个补充到你的规划当中

可以看到它很好的理解了我的意图，并且补充完整了

下面我们直接点击执行，然后去干别的事情就好了，Trae SOLO Coder 会把所有都搞定，并且通知我们。

Trae 运行了差不多有半个多小时吧，终于把所有的功能都完成了。

最终我得到了如下一个网站，虽然还有些小瑕疵，但是完全不影响我们的功能使用

通过一个视频简单看下当前网站的功能，注意我这里给网站接入了 Kimi API

我们把生成的工作流导入到 n8n 平台，就能看到如下一个工作流，怎么样，是不是效果不错呀～

我给的创建 n8n 工作流的提示词如下

帮我创建一个n8n工作流，用户输入一个url地址，然后调用HTTP节点对URL地址当中的文本进行下载，然后调用AI Agent, Chat Model使用Gemini大模型，对下载好的文本进行提炼归纳总结。

总结一下吧，我觉 得 Trae SOLO 正式版 最 让我惊艳的几点 ：

1、多任务执行

多任务并行执行这个功能太酷了，以前我们在完成一个项目的时候，基本上一个时间只能做一件事，比如要么修改前端样式，要么为后端增加功能。

现在有了多任务，完全可以一个任务改前端代码，一个任务做后端需求，两者互不影响。

2、多智能体隔离

在 Trae 当中，是可以同时调用多个智能体来帮我们完成任务的，比如我这里用到的关联了 MCP 服务的智能体，也可以是单纯的靠着提示词来完成任务的智能体。

总之智能体可以看做是一种能力的封装，比如 API 调用封装，登录逻辑封装等等。这样我们在与 Trae 交流的时候，不用重复的把这些常用能力说给它，只需要让它调用相关智能体即可。

3、SOLO Coder

SOLO Coder 则不用说了，是这次更新的最大亮点，任务执行快，效果好，尤其对于复杂任务，可以说轻松拿捏了。

最后再说一下价格吧

现在首月只需要 3 美元，这个价格已经是底板的不能再底板了。然后这几天还完全免费，豪横不。

对于 Pro 用户每月有 600 次快速请求额度， 最近还 赠送 300 额度的额外礼包。

我这几天密集的用 Trae，但是这个 Usage 使用量也不往下降，急死人了，哈哈哈哈。

看起来这个容量，可以做好多好多项目啊，

所以啊，赶紧去薅。

不得不说，这 次 Trae SOLO 正式版 ，真的很棒 。

现在的编程，

不再是程序员的天下了，