掘金 人工智能 07月22日 09:46
等下,我就问了一句,一个完整网站就出来了?Trae 2.0 Solo 模式,还真有那味了!
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

Trae AI 2.0 正式发布,其Solo模式颠覆了传统AI助手的定位,进化为“上下文工程师”。用户只需一句话,即可驱动AI自主完成文档编写、环境搭建、代码生成乃至产品部署的全流程,直接交付可运行的MVP产品。新版本整合了代码、文档、命令行和浏览器等多种上下文信息,并提供实时同步功能。Solo模式还融入了产品经理和设计师的角色,支持通过对话生成需求文档和原型,并允许用户在浏览器中直接编辑界面元素,实时更新底层代码。此外,AI还能通过文生图功能自动生成所需的样图和图标,极大地简化了内容填充过程。文章通过搭建女装电商平台和AI服务订阅管理系统两个案例,展示了Trae Solo模式强大的端到端开发能力,即便对于技术小白也能实现产品从想法到上线的全流程自动化。

🌐 **全上下文整合与实时同步:** Trae Solo模式打破了传统软件间的割裂,将代码、文档、命令行终端及浏览器等所有上下文信息整合至单一窗口,并提供实时跟随功能,让用户随时了解AI的 작업进程,实现无缝协作。

🚀 **自主端到端开发能力:** 用户只需提出需求,Trae Solo即可独立完成从需求理解、界面设计、代码编写到最终部署的全部流程,如同真正的工程师,为用户快速交付可运行的MVP产品,极大地提升了开发效率。

🎨 **集成产品经理与设计师角色:** Trae Solo模式支持通过多轮对话将产品想法转化为具体需求文档和可交互的MVP原型,并提供内嵌浏览器的“选择与编辑”功能,允许用户直接在界面上修改元素,AI则实时更新底层代码,让非技术人员也能轻松参与产品设计。

🖼️ **AI驱动的图文生成:** Trae Solo模式能够利用AI文生图技术自动生成MVP产品所需样图、图标等视觉素材,并智能填充到合适位置,解决了用户寻找和填充素材的难题,使产品原型更具完整性和吸引力。

☁️ **一键公网部署:** Trae Solo模式支持将生成的MVP产品直接部署到Vercel等公网平台,用户只需授权即可快速完成部署,实现产品上线,进一步简化了技术小白的产品发布流程。

就在昨晚,Trae AI 2.0 正式发布了。

新版本的 Trae 2.0, 不再像只是看作一个 AI“助手”,一个帮你写几行代码、查查资料的工具,而是进化成了一个真正的“上下文工程师”。

通过开启了新版 Trae Solo 的模式,真的是那种你一句话给了任务给它,它就在你电脑后台默默干活,写文档、搭环境、写代码,最后把产品直接写完给你,你只管等它写完后,看看 MVP 产品的交互,没问题,就能帮你直接发布到公网给人使用的那种,真有那么强吗?!

今天有幸哥们上线,从他那里千辛万苦拿到了一个被抢疯了的 Trae Solo 邀请码。更新版本后,其中一个宣传动画就已经吸引了我的注意力:

官方的动画已经透露了给用户,真的可以一句话生成你要的 MVP 产品!但在这个实战演示之前,我们先来大概了解下这次的 Trae 2.0 Solo 模式,到底有多强。

首先就是它这次的上下文整合的交互能力:

现在,你不再需要像无头苍蝇一样在各种软件、文档、浏览器之间来回切换,寻找那一点点“上下文”信息。Trae Solo 模式,它将所有这些——你的代码、你的文档、你的命令行终端,甚至你的网页浏览器——全部整合到一个窗口里。而且你有看到那个实时跟随的开关按钮?只要你开启了它,AI 做的任何改动,无论是从代码、文档、命令行,甚至是浏览器,都会实时同步到你当前的窗口中,让你知道,它现在在哪里做着什么事情。

Trae AI 2.0 Solo 模式最让我兴奋的,是它的 “自主端到端开发” 能力。

这意味着什么?简单来说,你只需要告诉它你想要什么,比如“帮我建一个能登录的网站”,它就能像一个真正的工程师一样,从理解你的需求,到设计界面,再到编写代码,甚至最终帮你把网站部署上线,全程自主完成,无需你过多干预

当然,如果你想亲手“操作”,它也还是提供了**“IDE 模式”**,让你随时切换:

最让我感到意外的是,Trae AI 2.0 Solo 模式,远不止于上述这些,我还认真研究了下,它还明确地将产品经理和设计师纳入了它的产品交互中,什么意思?

我先来简单分以下两个角色概念来解释下:

    产品经理

你有一个绝妙的产品想法,Solo 模式能让你通过几轮对话的方式直接将你的想法写成具体的需求文档,变成可交互的 MVP 原型,甚至是一个能工作的网站,几分钟就能搞定,而不是几周,这个大家应该都能了解。

    设计师

重点是这里,Solo 模式帮你生成的原型产品或网站,你是可以通过 Trae 内嵌浏览器的“选择与编辑”功能,让你直接在浏览器里点击任何元素,修改文字、颜色、布局,而它会实时更新底层代码!看看下图:

如果你用过 Figma Make 或者 Vercel V0 的产品的话,你就明白,Trae 直接把自己竞品的大杀器实用的交互方式,搬到了 Trae 中。

让你无论你的角色是什么,都能直接参与到创造的环节中来,用了几轮 Trae 的新功能给我的感受是,代码这块的生成和维护,真的大大减弱了很多,新手非常友好。

对了,我发现 Trae 的这次更新其实还隐藏了一个彩蛋!我发段 Trae Solo 模式生成的示例数据给大家来先猜猜:

// 轮播图数据export const banners: Banner[] = [  {    id: "1",    image:      "https://trae-api-sg.mchost.guru/api/ide/v1/text_to_image?prompt=elegant%20fashion%20banner%20with%20modern%20woman%20wearing%20stylish%20dress%20minimalist%20black%20white%20aesthetic&image_size=landscape_16_9",    title: "新品上市",    subtitle: "时尚女装 限时优惠",  },  {    id: "2",    image:      "https://trae-api-sg.mchost.guru/api/ide/v1/text_to_image?prompt=fashion%20sale%20banner%20elegant%20clothing%20display%20minimalist%20design%20black%20white%20theme&image_size=landscape_16_9",    title: "春季大促",    subtitle: "全场8折起",  },  {    id: "3",    image:      "https://trae-api-sg.mchost.guru/api/ide/v1/text_to_image?prompt=premium%20fashion%20collection%20banner%20sophisticated%20women%20clothing%20clean%20modern%20layout&image_size=landscape_16_9",    title: "精选系列",    subtitle: "品质生活 从此开始",  },];

能看到些端倪没?稍微懂一点点技术的小伙伴可能一看就知道了,Trae Solo 模式帮我们生成的 MVP 产品,里面需要用到的各种样图,图标,甚至产品截图,都是通过 AI 文生图来生成的!

这意味着什么?

你不需要再为网上到处找图填充到你的原型设计而烦恼,Trae 自动帮你生成,而且还帮你自动填充到合适的位置,还免费!

其实很多时候,一个产品 MVP 设计,有图、有示例数据和没有的区别,真的很大,没图没数据的页面,你想想,就像一个半成品一样,你也不好意思给客户演示了...

好了,重头戏来了,我们这次就来演示两个案例,看看 Trae Solo 模式是如何帮我们快速完成一个 MVP 产品的。

第一个案例是官方的示例,就一个问题搭建一个针对女装的电商平台项目出来,原问题如下:

运行之后,它就开始噌噌噌地帮我开始干活了,首先是帮我在文档区域开始编写一份需求文档:

它自动把网站的用户角色,功能模块以及页面详情都规划好了:

还有整个系统的核心流程以及界面设计也规划了:

说真的,这对于一个 MVP 产品来说,已经非常足够了,好,我们继续。

等它完全写好这个需求文档,它会给我过目,让我问我有没什么修改,没有的话,我只需要点击确认,就开始开发了:

然后接下来发生的事,就是开始帮我创建开发环境,遇到报错就各种自我修复,直到成功:

所以,说真的,不懂技术的小伙伴不用愁,Trae AI 会帮你自动搭建好需要的开发环境的。

接下来就是花了差不多 5 分钟来一直帮我生成代码,这里我就忽略演示了,等到最后,Trae 突然帮我自动切换到浏览器区域,让我看看它生成的 MVP 产品变成了什么:

说真的,这一句话带来的 MVP 产品,我有点惊掉下巴了!这已经可以直接拿去给客户演示了,完全超出了我的预期。

看来 Trae Solo 的这次更新,还真不是吹的,真有那味了。

第二个案例,我这次来演示下,解决我一个一直想写出来的工具,就是 AI 服务订阅管理系统

你也知道,现在 AI 发展那么快,我猜大家肯定都有一个烦恼:

自己现在究竟要订阅哪些 AI 服务?

有哪些 AI 服务什么时候到期?

又有哪些是自己其实一直付费了,但其实没怎么用到,甚至是忘记了的?

所以,这次我就让 Trae 来帮帮我省点我本来就薄薄的钱包...

来,直接新建一个项目,来一句:

Trae 开干开干!又是开始倒腾写需求文档了,然后又是各种生成代码,因为这次我打算不是一个提问就完事那种,我根据它给我的相应结果对话了好几轮来校对我最终想要的效果,所以这次暂时有了两个新发现:

    Trae 在需要删除文件的时候,会先问我是否确认删除,而不是直接删除,这点很贴心(忘记截图了,只有个删除后的截图,望见谅):

    之后因为它给我的功能设计与我的想法有些出入,所以我又提了一些修改需求,然后呢,它就直接基于新需求先去修改了需求文档,这时候你会看到,Trae 里面在看这个文档是会有变化差异的,这样可以方便用户知道什么需求是新增的,什么需求是修改的,什么需求是删除的:

好了,我们来看看那最终的效果吧:

它基本帮我想要的功能补全了!而且该有的效果也能交互出来,而且我还忘了说这次 Trae Solo 的一点时,你生成好的产品是可以直接部署到公网的!默认选择的是发布到 Vercel 平台上:

这时候你只需要点击部署按钮,弹出以下这个框,授权一下 Trae 与 Vercel 的权限绑定,然后点击部署,就完事了(当然,如果自己没有 Vercel 账号,先注册一个再操作):

不到一分钟,网站就部署好了,而且还是公网可访问的,你只需要点击这个链接,就能访问到我这个 MVP 产品了:

traesubscriptionssaverbovc-obm6jba3y.vercel.app/

这不就真的把技术小白从开发环境搭建,到产品设计,到产品开发,到产品部署,到产品上线,都给包办了!

(题外话:如果大家对这个付费订阅管理系统的 MVP 产品感兴趣,我接下来会好好打磨一下里面的功能,然后再给大家使用)

当然,在多次的使用中,Trae 还是有一些不足,比如:

    有时候还是会给我兜圈圈,我叫它帮我实现代码,它就一直帮我规划接下来要做什么,什么已经做完;生成的 MVP 产品其实里面有些交互还是没有实现到的,各种 404 不可访问,需要用户自己去和 AI 多轮对话甚至去人工稍微干预一下才好解决;目前 Trae Solo 的 MVP 产品代码生成支持主流的 Next.js + shadcn/ui 这种全端组合的技术框架,像手机端的 IOS/安卓 代码开发还是不能一键生成可用产品的,毕竟这里面涉及到的技术组件等范畴,不像 WEB 页面交互那样简单和通用;Trae Solo 目前还是不能完全打通整个产品后端需要的基础组件功能,比如数据库、缓存、消息队列等等,还是需要用户让它帮忙实现对应的脚手架代码后,自己来手动配置对接,不过这些其实技术上都是可行的,只是怎么做到通用自动化去给 AI 调用,以及数据安全和误删风险等问题,还需要一步步去规范;

看到了这次 Trae 的新功能发布,我还是挺感触的,我从 Trae 发布的第一个版本到现在,就一直有在关注它,也做它的各种测评,也见证了它从一开始的默默无闻,到现在可以成为小白甚至是程序员的一个日常编程助手,这个 AI“助手”,真的离我们越来越近了,也越来越强了。

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Trae AI 2.0 Solo模式 AI开发 MVP产品 低代码
相关文章