字节跳动的TRAE SOLO模式声称能通过自然语言输入轻松搞定PRD撰写、代码生成和测试部署,甚至号称只需十分钟就能开发出一个二维码工具。那么,实际使用下来,AI生成的代码质量究竟如何呢?对于复杂的业务逻辑,比如支付系统,它能否稳稳地完成呢?还有没有那种“看似自动化,实际上还得大量人工干预”的情况?求真实的用户反馈哦!
大家好,我是程序员夏叶,深度AI编程的爱好者,专注分享一些关于AI编程的技巧、经验和最新动态,如果你感兴趣的话,欢迎关注我的公众号,一起学习,一起进步!
直接说结论吧,Trae 2.0新增加的内置智能体solo builder真的是个前端高手!帮我重构的项目前端界面,我超满意。跟之前用IDE模式写的前端比,无论是视觉效果还是流畅度都好太多了,特别适合我这种从没碰过前端的纯后端程序员,哈哈!

项目背景
其实这个项目的起源是我想省事,之前我一直用markdown写文章并发布到公众号,同时同步到其他平台。其他平台还好,主要是小红书比较麻烦,需要转换成图文格式。之前我得在一个网站把文章转成图片,然后在另一个网站转换成适合小红书的文案,最后发小红书时还得重新组织标题和标签,真的费时又麻烦,还得不停切换界面。
所以我灵机一动,想用Trae做个工具,一键生成图片、文案、标题和标签,这样我同步markdown文章到小红书就简单多了。在SOLO模式发布之前,项目的后端已经搞定了,我之前还写过一篇文章介绍过Trae和MCP结合的最佳实践:
Trae最佳编程实践,写一个sftp MCP,把Trae每一次请求都压榨的干干净净
其实我在那时候前端界面也写了一些,但风格和细节总是调整不到位,正好#TRAE2.0SOLO刚上线,里面有个智能体叫SOLO Builder,专门用来做这个的:

这个智能体擅长写web前端,尤其是vue框架。于是我突发奇想,既然它是前端专家,那我干脆用SOLO Builder重构一下前端,看看效果怎么样,结果真是惊艳,反正重构后的界面我非常满意。

编程伙伴–SOLO Builder
SOLO Builder是Trae 2.0新增的一个内置智能体,只有在切换到SOLO模式时才能使用,默认情况下只能使用Claude-4-Sonnet模型。SOLO模式刚推出时,它只擅长写前端,但今天Trae刚刚更新,SOLO Builder也增强了后端生成能力。

毫无疑问,SOLO Builder是为前端,比如vue或react框架,进行了专门的训练,相比于通用智能体Builder,它的前端能力显然更强。
借助SOLO Builder与SOLO模式下Trae AI对终端和内置浏览器的掌控,能做到不切换界面,直接在Trae里完成写代码、启动开发服务器、浏览器预览和测试的标准前端开发流程。对我这种不想碰前端代码的人来说,真的是一大福音啊!

SOLO模式下还有一个亮点,就是元素选择功能。之前我们修改前端的时候,得小心翼翼地跟AI描述,结果它还不一定能理解对,然而现在有了元素选择功能,AI能迅速定位到你想修改的界面元素,超级方便。

如果你和我一样,不想写web界面的后端程序员,或者根本就不是程序员,我强烈建议你试试SOLO Builder。
项目功能介绍
MD2XHS(Markdown to 小红书)是为小红书内容创作者设计的前端工具,能够将Markdown格式的文本转化为精美的小红书风格图片,同时使用AI一键生成符合小红书风格的标题和文案。该项目基于Vue 3 + TypeScript构建,提供直观易用的界面和强大功能。
核心功能特性
1. 多样化模板系统
项目提供9种精美的视觉模板:
- 经典渐变:蓝紫渐变背景,适合大多数内容
- 简约白底:简洁白色背景,突出内容本身
- 极简灰调:专业简约的灰色调设计
- 经典边框:白底配红色边框,商务风格
- 霓虹科技:深色背景配霓虹边框,科技感十足
- 优雅黑金:黑色背景配金色装饰,奢华优雅
- 可爱粉色:粉色渐变背景,温馨可爱风格
- 日落橙黄:温暖的日落色调,充满活力
- 复古怀旧:复古色调配装饰边框,怀旧风格
2. 实时预览功能
- 即时渲染:编辑内容时实时显示预览效果
- 小红书标准尺寸:预览区域采用375×667px标准手机屏幕比例
- 模板切换:可在预览区域直接切换不同模板风格
- 响应式设计:支持不同设备尺寸的预览
3. 图片生成工具
- 标准尺寸:生成750×1334px的小红书标准图片尺寸
- PNG格式:高质量PNG格式输出,确保图片清晰度
- 批量生成:支持生成多张图片并提供轮播预览
- 一键下载:支持单张下载或批量下载所有生成的图片
- 图片预览:内置图片轮播器,方便查看和选择
4. AI智能文案生成
- 智能生成:基于输入内容生成小红书风格文案
- 结构化输出:生成的文案包含标题、内容和标签三个部分
- 一键复制:支持复制完整文案或单独复制标题、内容、标签
5. 用户系统
- 用户注册/登录:完整的用户认证系统
- 使用次数管理:显示AI功能剩余使用次数
- 个人资料:用户可管理个人信息
- 权限控制:AI功能需登录后使用,图片预览与下载功能免费开放
6. 用户体验优化
- 响应式设计:完美适配桌面端、平板和手机
- 三栏布局:编辑器、预览区、工具面板的科学布局
- 实时通知:操作成功/失败的即时反馈
- 加载状态:清晰的加载动画和进度提示
- 帮助系统:内置帮助文档和使用指南
7. 技术特性
- 快速响应:基于Vite构建,开发和生产环境都极速响应
- 类型安全:完整的TypeScript支持,减少运行时错误
- 状态管理:使用Pinia进行高效的状态管理
- 组件化:高度模块化的组件设计,易于维护和扩展
- 现代化UI:使用Tailwind CSS和Lucide Icons构建现代化界面
使用场景
如果你跟我一样,用markdown写文章但需要同步到小红书,真的可以体验一下这个工具。
工具体验方式
体验网址如下:
来试试这个超棒的工具吧!
点击这里,体验全新工具
现在,你可以随心所欲地预览和下载图片,完全不需要登录哦。不过,如果你想使用AI文案生成功能,就得注册一个账户了。新用户注册后,还能免费享受10次文案生成的机会,快来试试吧!
非常感谢你能看到这段话,既然你已经看到了最后,能不能麻烦你给个三连支持一下呢?真的超感激你的支持!
另外,我还创建了一个AI编程交流群。如果你对AI编程感兴趣,或者想讨论一下Trae的使用方法,欢迎你加入哦!加群的方法很简单,只需关注我们的公众号,发送消息“trae”,就能获得加入群聊的方式啦!

使用TRAE SOLO模式后,前端开发变得简单多了,特别是对于不熟悉前端的我来说,SOLO Builder的效果真是出乎意料,界面重构得很满意。
SOLO模式确实让我大开眼界,特别是SOLO Builder在前端开发上的表现,简直是个好帮手。再也不用为前端琐事烦恼了,推荐给所有程序员!
使用SOLO模式后,我惊喜于SOLO Builder的前端能力,真的让人省了不少心。对于我这样不懂前端的人,能轻松搞定界面设计,太赞了!
SOLO模式下,SOLO Builder的表现确实让人刮目相看,前端开发变得轻松多了,特别是对于我这种后端程序员来说,真是个福音。
SOLO模式的引入确实改变了我的开发体验,尤其是SOLO Builder在前端方面的能力让我这个后端程序员感到惊喜,开发效率提升了不少。
使用SOLO模式后,我发现前端开发的效率提升了不少,特别是SOLO Builder的能力让我这个后端程序员也能轻松上手,真的很赞!
SOLO模式下的开发体验真是让我眼前一亮,特别是SOLO Builder的智能化处理,让我这种后端程序员也能轻松生成前端代码,省了不少时间。