TRAE 绿皮书
TRAE Work 实战指南 / 其他

TRAE 产品经理如何用 TRAE Work 重塑工作流

提示

TRAE 是面向开发者、职场人与学生的 AI 办公平台,有 TRAE Work TRAE IDE 两款产品。

TRAE Work 侧重学习、办公与工程执行场景,无论你是开发者、职场人、学生,都可以用它写方案、做分析、处理文件、推进协作,并完成需要持续执行、检查和产出结果的自动化任务。支持 桌面端网页版移动端,多端协作,随时发起任务、查看进展、持续推进。

TRAE IDE 适合写代码、读项目、改 Bug 等开发工作,更适合期望精细控制自己的代码改动和执行过程的开发者。


作者:CC

TRAE 产品经理

提示

Demo 不是 PRD 的产物,是产品经理想清楚的过程

做产品经理这几年,有一件事一直让我很难受:脑子里的想法,没办法快速变成别人能看到的东西。

最近在 TRAE Work 独立端,我们上线了「自动化功能」:用户可以设定定时任务,让 TRAE Work 在每天特定时间自动执行某些操作,比如每天早上汇总竞品动态、每周五生成周报、每 6 小时做一次代码安全扫描。

传统流程一般是

1⃣ 写文字描述发给设计师,设计师理解 70%,然后出图、改图

2⃣ 和前端沟通排期做交互原型,中间但凡冒出新想法,改个按钮位置都得再走一轮沟通。

一个简单的 Demo,从脑子里到别人眼前,中间隔着无数次「你理解一下我的意思」,沟通一圈下来少说都要话花费至少两周的时间。

但这次我换了个思路:先不写 PRD,先用 TRAE Work把 Demo 做出来。

Demo 做出来之后回头看,发现整个过程天然形成了五个阶段:

阶段一

阶段二

阶段三

阶段四

阶段五

场景调研

搭骨架

讲故事

找盲区

写 PRD

总的来说,就是先搞清楚用户要什么,把构想具象化,再用 Mock 把动态流程演出来,用 TRAE Work 审视自己的盲区,最后从代码倒推出产品需求文档。

而这每一步都是在和 AI 的对话中完成的。

下图就是本次设计的产品功能页面。(如果大家还没有开始体验,立即开始吧!)

图片展示了TRAE Work自动化任务模板页。左侧为导航栏,有新建任务、技能、自动化等选项。右侧上方是“自动化”标题,介绍配置和管理自动化任务。下方有“任务列表”和“自动化”两个标签,当前选中“自动化”。右侧中部有多个任务模板,如商品追踪、新闻报道、文件管理等,每个模板配有图标和简要说明,如商品追踪是定期追踪商品信息更新、触发活动和技术推演等。该图与上下文紧密相关,直观呈现了TRAE Work自动化任务的模板情况,为后续演示如何用TRAE Work生成Demo及沉淀产品PRD文档做准备。
img-860 · 图片展示了TRAE Work自动化任务模板页。左侧为导航栏,有新建任务、技能、自动化等选项。右侧上方是“自动化”标题,介

接下来我将为大家演示如何用 TRAE Work 帮我生成一个 Demo,进而帮我沉淀一份产品 PRD 文档。

本次实践全程使用 TRAE Work 的 Code 模式。

第一步:让 TRAE Work 调研用户场景

提示

做新功能最怕的事情是什么?拍脑袋去想

我没有急着画页面,而是先问了一个产品经理真正该问的问题:用户会拿「自动化任务」做什么?什么场景最高频?他们偏好什么样的执行频率?

PLAIN TEXT
我们想让 AI 能够定时定点帮用户处理重复性工作——
不需要用户每次都主动发起对话,而是到了时间自动执行。
我想知道用户最常见的定时自动化场景有哪些,偏好的执行频率是什么。
请你到 Reddit、Hacker News、GitHub、Twitter/X 等渠道看看,
把非研发类和研发类场景分开,并附上信息源链接。

TRAE Work 自动搜索了多个社区和资料源,把场景拆成了两类。非研发类的高频场景包括每日新闻摘要、股价监控、会议前准备、邮件摘要;研发类则集中在 PR Review、安全扫描、CI 状态检查、Release Notes 汇总。

更有价值的是频率分布:「每天早上」是绝对的第一触发频率,占比超过 60%。「每周固定时间」排第二,「每 N 分钟监控」排第三。

这些数据直接决定了后面 Demo 里放什么模板、默认什么触发时间、新建表单的频率选项怎么排列。不是我拍脑袋决定「做 9 个模板」,而是有真实的场景输入在支撑。传统做这种调研,翻社区、看竞品、整理归类,少说一两天。这次从提问到拿到结构化结论,一次对话。

提示

这一步的关键是建立场景认知。哪些任务适合每天跑、哪些适合每周跑、哪些更像监控、哪些只是提醒——这些判断决定了后面所有的产品设计。

第二步:让 TRAE Work 搭建骨架

0⃣ 先把空壳还原出来

提示

要说清楚一件事:这个 Demo 不是截图扔给 TRAE Work就自动蹦出来的。

「自动化任务」这个功能属于 TRAE Work 的新功能,作为产品经理的我,手里只有一张现有产品首页的截图:一个对话界面,左边是侧边栏,右边是聊天区,仅此而已。

最初我把这张首页截图发送给 TRAE Work,让它 1:1 还原。TRAE Work把布局、侧边栏、聊天框都复刻出来了,但这只是一个空壳,长得像我们产品的静态页面,但是里面没有任何 Automation 相关的东西。

图片展示了TRAE Work的界面。左侧为项目管理区域,有“New Task”“Skills”“Projects”等板块,显示了不同项目及任务列表。右侧是工作区,上方有“More Than Coding”及“Let SOLO be your work partner”字样,下方有四个任务卡片,分别是“Produce a doc”“Generate PPTs”“Analyze data trends”“Design a game”。底部有输入框,提示“what do you want SOLO to help with today?”。该图片与上文提到的TRAE Work搭建骨架的内容相关,展示了TRAE Work的界面布局及功能。
img-861 · 图片展示了TRAE Work的界面。左侧为项目管理区域,有“New Task”“Skills”“Projects”等板块

接下来才是真正的搭建。从一个空壳到完整 Demo,靠的是一轮一轮的对话。下面挑三个有代表性的轮次。

1⃣ 先搭三块核心面板

动手之前我先想了想,「自动化任务」这个功能至少要有三块东西:

我会把这三个想法直接告诉 TRAE Work。同时告知:“将执行历史做成时间轴瀑布流的感觉,按日期分组,模板列表做成九宫格便于浏览”,具体 UI 怎么实现暂时没有告诉 TRAE Work,第一轮交互后生成的页面如下:

图片展示的是TRAE Work自动化主面板,已配置4个自动化任务。左侧导航栏选中“自动化”,任务列表中“Remote”和“MTC”任务处于开启状态,如“每日竞品动态汇总”和“周报汇总”,分别每天08:00和18:00运行。右侧显示“代码安全扫描”和“本地文件自动备份”任务,前者开启,后者关闭。面板底部有提示,本地自动化任务需保持系统唤醒。该图与上文提到的先还原空壳,告知TRAE Work执行历史和任务模板的UI设计,第一轮交互后生成的页面内容相关。
img-862 · 图片展示的是TRAE Work自动化主面板,已配置4个自动化任务。左侧导航栏选中“自动化”,任务列表中“Remote”和

2⃣ 发现需要优化的部分

骨架做出来之后,我发现了一些之前未思考过的问题:

每发现一个问题,我都会和 TRAE Work 进行交互,再进行优化,这就是「看到 → 想到 → 改掉 → 再看」的循环。

3⃣ 一次性出 3 版交互,挨个对比

任务列表怎么呈现,这个是最重要的部分。

自动化任务有一个很重要的特征:「一个模子刻出 N 个样子」。同一个任务每天都跑、每天都生成一条记录,本质上是高度重复的。如果跟普通任务一样一条一条平铺,列表很快就会被几十上百条同质内容淹没。

所以一定要聚类。但具体怎么聚,这个属于产品决策,举例子:

过去在解决这种问题的时候,产品经理一般靠脑补、靠静态原型、靠会议室里争论。

现在可以直接让 TRAE Work 一次性做出 3 版可点击的交互方案,并挨个切换演示:每一版都是真实可交互的实物,不是图也不是描述。

以下是其中两版的对比:

图片展示的是TRAE Work界面中新建任务的技能自动化部分。左侧有“新建任务”“技能”“自动化”选项,右侧显示本地设备为MacBook,下方列出多个任务,如“代码安全扫描”“本地文件自...”“DataAnalysis”等,部分任务旁有“MTC”标识,还有“Load More”按钮。该图片与上文提到的TRAE Work可一次性做出3版可点击交互方案,挨个切换演示的内容相关,直观呈现了TRAE Work在技能自动化方面的界面情况。
img-863 · 图片展示的是TRAE Work界面中新建任务的技能自动化部分。左侧有“新建任务”“技能”“自动化”选项,右侧显示本地设备
图片展示了TRAE Work界面中“新建任务”功能的设置界面。左侧有“新建任务”选项,下方有“技能”“自动化”等设置项,当前选中“自动化”。右侧显示本地设备为MacBook,任务列表中“Code”任务有8条记录,“MTC”任务有15条记录,还显示了“代码安全扫描”“本地文件自动化”等任务。该图片与上文提到的TRAE Work可一次性做出3版可点击交互方案,挨个切换演示的内容相关,直观呈现了TRAE Work的自动化任务设置情况。
img-864 · 图片展示了TRAE Work界面中“新建任务”功能的设置界面。左侧有“新建任务”选项,下方有“技能”“自动化”等设置项,

边看边推演:哪种最符合用户认知?哪种对现有框架改动最小?哪种 ROI 最高?三版点完,心里就有数了。

提示

这一步我感受最深的是:方案对比从“猜”变成了“点击”。过去 PM 决策最大的成本就是“猜”:猜哪种交互更好用、猜用户怎么走。

现在所有备选的方案都能直接选择 AI 给我提供的方案,看完就知道选哪个,节省了很多争论。

4⃣ 继续交互 60+ 轮对话,逐渐完善

整个 Demo 的实现不止4轮对话,一共经历了 60 多轮这样的对话:但是同样的修改量放在传统流程里,意味着 60 多次「沟通 → 排期 → 修改 → 验收」的循环。在 TRAE Work里,这只是 60 多句话的事。

这些对话背后有一个共同的模式:

  1. 不需要一开始就想清楚所有细节,先有个大致方向就够了
  2. TRAE Work 帮你做出来之后,看到实物,脑子里会冒出新的想法
  3. 立刻跟 TRAE Work 说,它立刻帮你改,你再看、再想、再改
  4. 整个 Demo 就是在「看到 → 想到 → 改掉 → 再看」的循环中长出来的

第三步:用 Mock 演示动态流程

Demo 骨架搭出来之后,我发现静态 Demo 没办法表达用户的动态体验。

有些功能本质上是「过程」,不是「界面」。比如我想给同事演示一个理念:自动化任务的所有管理操作(创建、修改、查询),都可以通过对话完成。光说这句话太抽象,截图也表达不出来。用户看不到「我说一句、TRAE Work 回一句、卡片在对话流里被实时生成」这一连串动作。

但要让它真的跑起来,需要完整的服务端接口、AI 模型调用、状态管理逻辑,这是个纯前端 Demo,不可能搭那一整套真的东西。

应该如何演示呢?我们用 Mock 把动态流程「播」出来。

把对话做成可以播放的动画

我跟 TRAE Work 说:在对话区上方加一个「演示模式」按钮。点击之后整个对话流会自动播放:

整个过程用户不需要敲任何字、点任何按钮。所有的对白、所有的卡片,都是预先写死的剧本本质上跟 PPT 翻页是一回事,但视觉上呈现的就是一个真实的对话流。看完那几秒的播放,立刻能 get 到「原来动起来是这个样子」。

三个场景,做成可切换的演示标签

我让 TRAE Work 一口气做了 3 个演示场景,做成对话区顶部可切换的标签,想给同事演示什么就点什么:

每一个都是几秒钟的自动播放,比任何静态截图、任何文字描述都直观。同事看完三个场景,对「对话式自动化任务」这个理念已经有了完整的体感。

图片展示了TRAE Work中“每天提醒我写日记”任务的设置界面。左侧为任务列表,右侧是任务详情,显示任务类型为MTC,频率为每天21:00,触发器为云函数,模型为SOLO Auto Model,Prompt为在每天晚上9点提醒我写日记,发送一条温馨的提醒消息到我的对话中。下方有“修改”和“确认”按钮,底部是代码区域。该图片与文档中“让TRAE Work把Demo部署到线上”部分相关,展示了任务配置情况。
img-865 · 图片展示了TRAE Work中“每天提醒我写日记”任务的设置界面。左侧为任务列表,右侧是任务详情,显示任务类型为MTC,

让 TRAE Work把 Demo 部署到线上

Demo 做完,最后还差一件事:部署。要真把这个东西发给老板、发给同事,得有一个能直接点开的链接,不能只在我本地跑着才能演示。

我和 TRAE Work 说:

PLAIN TEXT
把当前项目部署到 Cloudflare Pages,给我一个可访问的链接。

它就搞定了:项目构建 → 修复编译错误 → wrangler 部署。

几分钟之后,一个可以直接分享的静态线上链接生成出来。从一张首页截图开始,到一个所有人都能点开的可交互 Demo,整个流程没有离开过 AI 对话框。

第四步:让 TRAE Work帮你找盲区

Demo 做出来之后,并不是结束。

做产品其实就是把一个个用例刻清楚。主线一般好讲:比如「自动化任务怎么创建」,但支线和 corner case 容易漏。

提示

这是 PM 日常最头疼的事,也是评审会上最容易被研发追着问的部分。

过去这件事靠脑子里反复推演、靠同事 Review、靠评审会上被人挑刺。现在 Demo 已经形成,整个项目代码 TRAE Work都读过,你完全可以让它反过来再审查你的 Demo

这一步我做了两件事:

① 用例覆盖率审计:边界情况 PM 容易漏,TRAE Work不会

主线我都想清楚了,但 corner case 永远是另一回事。比如:

这些虽然都不是主线,但每一个都是真实会出现的边界。TRAE Work 在已经有完整 Demo 代码的情况下,可以基于产品逻辑做更系统的推演。

我让 TRAE Work 从产品视角扫一遍代码,列出「目前 Demo 已经覆盖的用例」和「应该覆盖但没覆盖的用例」。

结论是覆盖率约 70-75%,找出了 3 条关键路径上的用例缺失(运行中状态的展示、失败后的处理链路、创建数据不落地),加上 10 多个边角 corner case

图片是TRAE Work输出的Demo用例覆盖度分析报告节选。报告分为两部分,第一部分是当前Demo已覆盖的核心用例清单,列出了如新建自动化任务(标准方式)、通过对话键任务、从模板创建任务等用例,以及对应组件位置和覆盖率情况;第二部分是缺失的用例,包括运行中状态的展示、失败后的处理链路等关键路径上的用例缺失,以及10多个边角corner case。该图片与上下文紧密相关,直观呈现了TRAE Work对Demo用例覆盖情况的分析结果。
img-866 · 图片是TRAE Work输出的Demo用例覆盖度分析报告节选。报告分为两部分,第一部分是当前Demo已覆盖的核心用例清单

② 实体属性矩阵:信息层级该怎么呈现

这一步比上一步更偏"PM 思维"。

「自动化任务」是这次新引入的一个实体。这个实体身上有大量属性:触发时间、上次执行时间、下次执行时间、当前状态(运行 / 暂停 / 取消)、是云端还是本地任务、所属设备、累计执行次数……粗略一数差不多 16 个。

同时,这个实体在产品里的呈现场景也有很多,例如对话流里的卡片、配置列表里的卡片、详情页、执行历史的列表项、对话回放……粗略一数差不多 10 个。

那问题来了:同一个属性,在每个场景里都该呈现吗?哪些是必现、哪些可省、哪些浅层不展示但深层必须有?

从产品设计的原则上来讲,层级越深,信息应该越丰富。

我把这个原则告诉 AI,让它基于此梳理 16 个属性 × 10 个场景的呈现情况,输出一份 16 × 10 的交叉矩阵,每个单元格标注「已展示 / 未展示 / 应有但缺失」。

结果确实发现了一些深层信息反而比浅层欠缺的情况。例如列表卡片上有「累计执行次数」,点进详情页反而看不到了,明显违反"层级越深信息越丰富"的原则。

第五步:让 TRAE Work帮你写 PRD

Demo 已经做完,最后一步是把它沉淀成给研发看的 PRD。我的具体做法:

最终产出:9 个 Story、10 个 CornerCase,覆盖管理面板、新建弹窗、任务模板、任务详情、执行历史、对话回放等完整链路。

提示

从代码反推 PRD 比从零写 PRD 多一个优势代码是最细的,每个交互路径、每个条件分支它都知道。人脑写可能漏 corner case,代码里写了什么就是什么。

全流程产出清单

产出物

说明

可交互 Demo

React + TypeScript + TailwindCSS,60+ 轮迭代打磨,已部署上线

用户场景调研

非研发 / 研发两类场景 + 频率分布 + 20+ 信息源

产品 PRD 文档

飞书文档,9 Story + 10 CornerCase,直接通过 API 创建

完备性审查

用例覆盖率审计(70-75% 覆盖率)+ 16×10 属性矩阵

线上链接

Cloudflare Pages 部署,可公开访问

全程没有设计师参与,没有前端开发介入。从场景调研到部署上线,都是一个不会写代码的产品经理通过对话独立完成的。

写在最后

回头看这个过程,最大的感受不是「 TRAE Work 帮我省了多少时间」,而是它让我意识到:脑子里的方案永远是模糊的。很多判断、很多边界、很多 corner case,只有当你看到一个真能点的 Demo,它们才会冒出来。

过去我习惯把方案先想清楚,再写文档、再等人实现。

现在会先让 TRAE Work 帮我把想法做出来,看到实物再校准——很多时候你以为想清楚了,等真看到 Demo 那一刻才发现“不对,这里得换个方式”。

在写 PRD 之前,先用 TRAE Work 做 Demo。

我现在做新功能基本都这么走。你要是也是 PM,下个需求不妨试一下吧!