1-1、TRAE SOLO 帮你做文档&原型
一、TRAE 系列产品
参考:https://www.trae.cn/ 中的文档
- TRAE IDE, SOLO & IDE 模式
一款深度融合 AI 能力的开发工具,提供从代码编写、项目理解、调试运行到变更管理的完整开发体验。你可以像使用传统 IDE 一样掌控每一步,也可以把复杂任务交给 AI 智能体规划和执行。
- TRAE SOLO, MTC & Code 模式
一款 AI 原生工作台,提供网页版、桌面版和移动版三种形态,并设有为不同用户群体设计的 More Than Coding (MTC) 与 Code 双模式。TRAE SOLO 的能力在原有 TRAE IDE SOLO 模式的基础上得到了进一步提升,旨在为用户提供统一、高效、可定制的 AI 协作体验,覆盖从专业开发到日常办公的各类场景。
- TRAE 插件
你的 AI 编程助手,提供以智能代码补全为代表的 AI 功能,支持主流编程语言及 IDE,能在开发过程中提供单行或整个函数的编写建议,同时支持在用户开发过程中提供代码解释、代码审查、问题修复等辅助功能,提升开发效率与质量。
- **TRAE CLI **
你的专属 Code Agent。你只需向 TRAE CLI 发送自然语言指令,即可让其完成从代码编写、测试到 Git 操作等一系列复杂的开发任务,让你专注于更高价值的创造性工作。
二、TRAE SOLO 能干什么
1、网页版、桌面版与移动版三端联动

2、双模式:MTC & Code
MTC 模式:面向非开发相关的用户,包括产品经理、数据分析师、运营等,尤其适合处理文档、数据、演示稿等。
Code 模式:面向习惯于智能体主导开发的开发工程师,聚焦于编码、调试、代码库管理和 Git 工作流。
3、使用经验
笔记本就放在工位上一直开着桌面版的 TRAE SOLO,在任何地方都可以通过移动版进行任务遥控。上班路上刚刚让它写了份PPT ^-^
桌面版和移动版的联通设置要求:(1)同一用户名;(2)打开桌面版设置,如下图。

三、TRAE SOLO 预备知识
1、技能(Skills)
通过“斜杠/”强制调用

2、规则(Rules)
在界面左下角,点击 头像 > 设置,进入设置中心
通过关键词出发

四、TRAE SOLO 做文档
1、准备工作
在工作目录里新建doc-manager目录
把 wlx-使用Trae开发的心得体会.docx、xxh-关于用AI做需求和原型的心得体会.docx 两个文件考进去
2、新任务及目录授权
描述:(1)MTC 模式;(2)新建任务,大任务下还可以建子任务;(3)指定可信本地目录(可以把你的文档放进去,让它写doc、ppt等);(4)选 Auto Model ,目前免费哦😊

注意授权内容:
这将包括所有文件和子文件夹。TRAE SOLO可以执行、读取、编辑和永久删除文件,并可能与其连接的第三方工具共享文件内容。请注意敏感信息的安全。

3、操作文档

发现个小细节,后面通过提示词使用Rules,好像也没必要,AI都会兼顾。
4、看手机端

5、总结一下
妥妥的个人知识库啊,常开一台电脑(TRAE SOLO),把文件放到工作目录(或者你授权给她),手机远程控制,AI 免费给你打工写总结、写标书、写PTT,你想做什么……都行,还用 Hermes 吗, 娃哈哈……还要坐班工作吗🤩
五、TRAE SOLO 做原型
1、从需求到原型的基本思路
和用户交流收集需求 -> 编写需求规格说明书(SRS)-> 做DEMO和用户进一步确认
上面3步不断迭代,最终确认了用户意图
需求规格说明书(SRS)样例 (来自豆包)
2、简单需求 -> 需求规格说明书(SRS)
Plain
做一个信息发布系统,基本需求如下,帮我生成**需求规格说明书**
业务需求:
1、栏目管理
1)有父子栏目管理;
2)栏目字段包括:栏目名称、栏目类型、所属部门、详细介绍、创建人、创建时间;
2、内容管理
1)每个栏目下面可以发布内容,内容字段包括:标题、副标题、内容类型、正文、发布人、发布时间;
2)正文使用富文本编辑器;生成需求规格说明书,她会一步一步问一些问题;
使用 /brainstorming 生成的文档中除了需求描述外,还有系统架构、数据库设计、API 接口设计、前端页面设计、安全设计等,但此时在DEMO阶段就不完全需要了。


生成需求规格说明书没有用什么技能

3、需求规格说明书 (SRS)-> 可演示的原型
技巧:(1)用 TRAE SOLO MTC 定义自己的界面规范(Rules),把之前的pdf、doc的规范都给它,让它整理一个UI规范md;(2)微调界面后,也可以再写进UI规范md;(3)还可以交给豆包做进一步优化。(4)最后把UI规范加到 TRAE SOLO 的Rules中。
这个UI规范就是这样做出来的,其中“七、布局规范”就是在界面DEMO修正时添加进去的。
Plain
根据这份需求,遵守UI设计规范,帮我设计一个可演示的demo其中“遵守UI设计规范”应该是触发了Rules
使用了前端设计技能 (frontend-design),它会一步一步问一些问题;
frontend-design 可以选择HTML、Vue、React;

本次选择了Vue,TRAE SOLO 自动分解任务,生成了详细工程代码


生成VUE工程的真实目录结构

4、生成可研演示的 DEMO

5、DEMO 修正迭代
开始界面里有乱码,截图给TRAE SOLO,支持多模态,修正了。

6、高阶技能探索
1)借助于多模态自动生成DEMO
大家有没有想到:如果给它一个界面,是不是可以复制出来,大不了先整理需求,再生成DEMO。可行^-^



2)边交流边调整DEMO
大家有没有想到:一边和用户交流,一边调整DEMO。
六、总结过程形成 PPT
上班路上突发奇想,把昨天从需求到原型的全过程写一份PPT,便于给兄弟分享
路上使用移动端的 TRAE SOLO,说干就干,到单位就拿到了一份 PPT,完美^-^
1、手机上用 TRAE SOLO 做事情

2、看看PPT效果怎样


七、再次总结和AI交流的心得
1、打直球
把她当成真实的人,直接提出需求,不要担心:你提得是否专业、她是否明白。
2、反向提问
当你不明白的时候,你就直接问她,什么问题都可以问。例如skills中的文档是英文的,你可以叫她翻译一下^-^
这两天和 TRAE SOLO 交流的一些内容,供大家参考:
怎么和你讲,你才会一上来就做可演示的原型而不是静态原型
你给我讲一讲 brainstorming skill 全部流程
我如何调用 Visual Companion
你给我讲一讲 writing-plans skill 主要作用
你解析一下这个文件,从中提炼出文字的界面设计规范
你基于这个统一界面规范重新设计一下RBAC 系统页面原型
再分析一下这篇文档,和前面的界面设计规范融合一下,形成新的界面设计规范
根据这个规范,帮我设计一张主界面原型
调整一下:1、顶部导航用科技蓝;2、侧边栏用主背景;
侧边栏放到底和底部在一条线
把目前的主界面框架风格放到设计规范 V2.0中
user_rules 怎么使用
前面用了什么技能做需求和demo
给我详细讲一下 frontend-design 技能
给我详细讲一下 docx 技能
需求规格说明书,用的是什么技能
那你是怎么知道需求规格说明书的格式的呢
你训练了哪些门类的知识
把前面的整个需求讨论、界面设计过程写成一个ppt,用于给其他人介绍经验