Skip to content

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、网页版、桌面版与移动版三端联动 ​

9b98ba0b99fa4dbcadbd2cefa7675434png

2、双模式:MTC & Code ​

  • MTC 模式:面向非开发相关的用户,包括产品经理、数据分析师、运营等,尤其适合处理文档、数据、演示稿等。

  • Code 模式:面向习惯于智能体主导开发的开发工程师,聚焦于编码、调试、代码库管理和 Git 工作流。

3、使用经验 ​

笔记本就放在工位上一直开着桌面版的 TRAE SOLO,在任何地方都可以通过移动版进行任务遥控。上班路上刚刚让它写了份PPT ^-^

桌面版和移动版的联通设置要求:(1)同一用户名;(2)打开桌面版设置,如下图。

07a07fd8b7e24c109ca2a2494c80e101png

三、TRAE SOLO 预备知识 ​

1、技能(Skills) ​

4c603f93c2bd48dfab5066b25c7fb7cfpng

2、规则(Rules) ​

  • 在界面左下角,点击 头像 > 设置,进入设置中心

  • 通过关键词出发

21edde33112347bfbe6970ef206e59dbpng

四、TRAE SOLO 做文档 ​

1、准备工作 ​

  • 在工作目录里新建doc-manager目录

  • 把 wlx-使用Trae开发的心得体会.docx、xxh-关于用AI做需求和原型的心得体会.docx 两个文件考进去

2、新任务及目录授权 ​

描述:(1)MTC 模式;(2)新建任务,大任务下还可以建子任务;(3)指定可信本地目录(可以把你的文档放进去,让它写doc、ppt等);(4)选 Auto Model ,目前免费哦😊

a771719d8d6247f6957ff8650e94f103png

注意授权内容:

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

6747c1cbe806b2e42d2c604cf1cbcb6dpng

3、操作文档 ​

4b6d7b02ba0a490d878012b5c0a314adpng

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

4、看手机端 ​

00212c76449419f24ed4902f4a0dc08fjpg

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阶段就不完全需要了。

3b4a19626ee9c370d35d797a5e7e7741png

34457e40c1784a07852b214895147f67png

参考:1-2-2、信息发布系统 — 需求规格说明书

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

188a275a8a4143eca11685d39054e962png

3、需求规格说明书 (SRS)-> 可演示的原型 ​

技巧:(1)用 TRAE SOLO MTC 定义自己的界面规范(Rules),把之前的pdf、doc的规范都给它,让它整理一个UI规范md;(2)微调界面后,也可以再写进UI规范md;(3)还可以交给豆包做进一步优化。(4)最后把UI规范加到 TRAE SOLO 的Rules中。

参考:B端产品UI设计规范 V2.2

这个UI规范就是这样做出来的,其中“七、布局规范”就是在界面DEMO修正时添加进去的。

Plain
根据这份需求,遵守UI设计规范,帮我设计一个可演示的demo

其中“遵守UI设计规范”应该是触发了Rules

使用了前端设计技能 (frontend-design),它会一步一步问一些问题;

frontend-design 可以选择HTML、Vue、React;

5e18ad5231ecff94048048cfeaf7618apng

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

e9de9d2c2a4e3d225850944c3929a430png

1f6c6b0aa0cc4cf3b04c00300018a173png

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

df978fc00ea14496aac66e6ec195364epng

4、生成可研演示的 DEMO ​

68fcbfd486b94ba3bdceb4efa71c3808png

5、DEMO 修正迭代 ​

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

3e855d3e1db745f6b3d88f6c200f8022png

6、高阶技能探索 ​

1)借助于多模态自动生成DEMO ​

大家有没有想到:如果给它一个界面,是不是可以复制出来,大不了先整理需求,再生成DEMO。可行^-^

967c0fc4476c0e5d1b4f80dd0980a7ecpng

04448dbd571d922f27545c30c69efc30png

985ce0a2ec8d5667e8a472c5167f31adpng

2)边交流边调整DEMO ​

大家有没有想到:一边和用户交流,一边调整DEMO。

六、总结过程形成 PPT ​

上班路上突发奇想,把昨天从需求到原型的全过程写一份PPT,便于给兄弟分享

路上使用移动端的 TRAE SOLO,说干就干,到单位就拿到了一份 PPT,完美^-^

1、手机上用 TRAE SOLO 做事情 ​

dcf083ac9116e4a9d0e426dbb0ae0515jpg

2、看看PPT效果怎样 ​

eadae612f8ef46449abb3eea331512d7png

474df50e56994ce7abea62a942850140png

七、再次总结和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,用于给其他人介绍经验

Released under the MIT License.