TRAE 绿皮书
新手入门

什么是 TRAE Work

一、TRAE Work 是什么

产品定位

TRAE Work 是一款 AI 原生工作台。它提供网页端桌面端移动端三种形态,并围绕不同用户和任务场景提供 Work、Code、Design 三个模式。

提示

一句话理解:

TRAE Work 可以把你的工作目标交给 AI 来推进。你只需要说明想完成什么,AI 会帮你拆解步骤、执行任务、生成结果,并根据你的反馈继续修改。

TRAE Work 的三端形态

形态

适合场景

你可以怎么用

桌面端

长期任务、复杂项目、本地文件或代码任务

支持文字、语音、附件、技能等输入,可在对话中查看进度、预览产物和验收结果。

移动端

碎片化场景下发任务、查看进度、补充要求

在手机上发起任务、管理云端和已连接电脑中的任务,并与其他端同步。

网页端

临时需求、快速验证、外出办公

打开网页即可使用云端环境,无需下载安装。

二、TRAE Work 可以帮你做什么

核心作用

常见场景

任务类型

可以交给 TRAE Work 做什么

适合模式

文档与内容

整理资料、生成报告 / PPT、改写文案、输出方案、制作结构化文档。

Work

数据与分析

分析表格、提炼结论、生成日报/周报、整理指标变化和行动建议。

Work

应用生成

生成 Web/app/小程序等应用,搭建运营工具、管理后台、平台系统等

Work / Code

代码与工程

理解代码库、修复 Bug、补充测试、运行命令、处理 Git 工作流。

Code

设计与原型

生成设计稿、导入设计资产、调整样式、预览设计、衔接到 Code 模式实现。

Design

重复性工作

沉淀 Skill、连接 MCP、设置自动化任务,让重复流程更稳定地复用。

按任务选择

三、TRAE Work VS Chatbot

提示

Chatbot 更擅长“回答你”

TRAE Work 更强调“和你一起把任务完成”

对比维度

普通 Chatbot

TRAE Work

核心交互

以问答为主,通常回答建议或生成文本。

以任务为中心,目标是把任务执行到可验收产物。

任务推进

需要用户手动拆解和复制粘贴上下文。

Agent 可以理解目标、拆解步骤、读写文件、调用工具并持续推进。

上下文能力

更多依赖当次对话输入。

支持项目上下文、全局记忆、文件、技能、MCP 等多种上下文来源。

过程控制

过程通常不可见,用户主要看到最终回复。

执行过程更透明,可以查看进度、补充要求、纠偏和验收。

交付形式

常见输出是文本答案。

可以输出文档、PPT、图表、网页、代码变更、设计稿等多种产物。

能力扩展

主要依赖模型本身。

可以通过 Skill、MCP、记忆、规则等各种方式扩展能力边界,提升效率和产物效果。

四、TRAE Work 的三种模式

提示

狭义的一句话理解:Work 模式负责把事情想清楚,Design 模式负责把产品画出来,Code 模式负责把它真正做出来。

模式

适合人群

典型任务

Work

产品经理、运营、数据分析师、市场、学生、职能等多角色人群

处理文档、数据、PPT 演示文稿、研究分析、内容生成、工作总结、生成并分享你的 HTML 页面等。

Code

习惯让 AI 主导开发的工程师和技术用户

编码、调试、理解代码库、处理 Git 工作流、修复 Bug、测试等。

Design

设计师、产品、前端、需要快速做视觉方案或原型的用户

生成设计稿、导入 Design Library、风格探索、预览编辑设计、导出到 Code 模式。

点击按钮直接切换。

Work 模式

图片展示了TRAE Work模式界面。界面上方有“Work”“Code”“Design”选项卡,当前选中“Work”。左侧有“新建任务”“技能”“自动化”“任务列表”等选项。右侧是“Work with TRAE”区域,提示整理文档、编写PPT等日常工作。下方有“沟通”“本地”“选择文件夹(可选)”输入框,以及“网页读取”“调研分析”“数据挖掘”“文件管理”等功能按钮。该图与上下文介绍的TRAE Work面向办公场景,适合处理文档等工作的内容相契合。
img-008 · 图片展示了TRAE Work模式界面。界面上方有“Work”“Code”“Design”选项卡,当前选中“Work”。左

场景举例:

PLAIN TEXT提示词示例
我上传了一批用户反馈,请帮我按功能问题、体验问题、内容建议、付费相关等类别整理,并提炼出一份需求清单。每条需求请包含:用户原话摘要、核心问题、影响范围、优先级建议。
PLAIN TEXT提示词示例
请根据我上传的表格数据,生成一份运营日报。重点分析今日核心数据表现、环比变化、异常波动原因,并给出 3 条可执行的运营建议。语言简洁,适合发给团队同步。
PLAIN TEXT提示词示例
请把这份会议记录整理成清晰的待办清单。每个行动项请包含:具体任务、负责人、截止时间、相关背景和需要跟进的事项。如果记录里没有明确负责人或时间,请帮我标注“待确认”。
PLAIN TEXT提示词示例
我想做一份关于【xx主题】的方案初稿,请帮我输出一份完整框架,包括背景、目标、核心思路、执行步骤、资源需求、风险点和下一步计划。内容要适合用于内部讨论。

Code 模式

图片展示了TRAE Work的Code模式界面。界面左侧有Work、Code、Design三个选项卡,当前选中Code。左侧栏有新建任务、技能、自动化、任务列表、默认、用户数据专项等选项。右侧是Code with TRAE区域,显示“智能编写代码、调试Bug、优先性能等开发工作,交付生产代码产物。”下方有沟通、工作制、用户数据专项等设置选项,还列出应用开发、项目理解、游戏创意、工具脚本等标签。该图与上下文介绍的Code模式面向开发任务,适合让智能体理解代码库、定位问题等内容相契合。
img-009 · 图片展示了TRAE Work的Code模式界面。界面左侧有Work、Code、Design三个选项卡,当前选中Code。

场景举例:

PLAIN TEXT提示词示例
开发一款支持多语种学习的在线教育平台,涵盖英语、日语、韩语等主流语言。平台需打造沉浸式语言学习体验,用 html 展示demo,提供以下能力:
1、分级课程体系
2、互动式学习模块(单词记忆、语法练习、口语跟读、听力训练)
3、学习进度追踪功能
4、支持用户注册登录
5、个性化学习路径推荐
6、社区交流及成就激励系统
PLAIN TEXT提示词示例
登录时出现【具体问题/报错信息】,请帮我定位原因并修复。你可以先阅读相关代码,找到可能出问题的文件和逻辑,再给出修改方案并完成代码改动。修复后请说明问题原因、改了哪里,以及建议我如何验证。
PLAIN TEXT提示词示例
请帮我阅读这个项目的代码结构,梳理主要目录和关键模块的作用。重点说明项目入口、核心业务逻辑、数据流转方式、配置文件和测试位置。
请用新同学也能看懂的方式解释。
PLAIN TEXT提示词示例
请帮我为【功能/模块名称】补充单元测试。先看现有测试风格,再新增覆盖核心场景、边界场景和异常场景的测试用例。完成后请运行相关测试,并告诉我测试结果和覆盖到的逻辑。
PLAIN TEXT提示词示例
请根据下面的需求实现一个小功能:【填写具体需求】。请先阅读相关代码,按项目现有风格完成实现,并在必要时补充测试。完成后请总结改动文件、实现逻辑、验证方式,以及是否有需要注意的风险。

Design 模式

图片展示了TRAE Work的Design模式界面。界面上方有Work、Code、Design三个选项卡,左侧有新建任务、技能、设计系统、默认等选项。右侧是“Design with TRAE”区域,提示从想法到设计,生成可交付的页面原型,下方有TRAE Auto Model输入框及云廊、云朵等选项。下方展示了设计还原、概念生成、规范出图三种模式的示例。该图片与上下文介绍的TRAE Work Design模式相契合,直观呈现了其界面及功能。
img-010 · 图片展示了TRAE Work的Design模式界面。界面上方有Work、Code、Design三个选项卡,左侧有新建任务

场景举例:

PLAIN TEXT提示词示例
我想从 0 设计一个【产品/页面类型】
目标用户是【用户群体】
核心场景是【使用场景】
请先帮我探索 3 个不同的视觉方向,包括整体气质、配色、字体、布局风格和适合的组件形式。每个方向请说明适合什么场景,并给出可视化初稿。

无需提示词。

图片展示了TRAE Work设计系统中添加设计系统的界面。左侧为功能导航栏,选中“设计系统”。右侧弹出“添加设计系统”窗口,有“添加方式”下拉菜单,可选择“聆听Figma”或“导入设计系统”,还可自定义设计系统。右上角有“添加设计系统”按钮。该图片与上下文紧密相关,直观呈现了文档中介绍的通过自然语言修改颜色、字体、布局或局部元素,把设计产物导出为代码、图片、Figma,或交给Code模式继续实现的“Design模式”操作流程。
img-011 · 图片展示了TRAE Work设计系统中添加设计系统的界面。左侧为功能导航栏,选中“设计系统”。右侧弹出“添加设计系统”窗
PLAIN TEXT提示词示例
请把这个页面调整得更【专业/年轻/简洁/高级/活泼】一些。
重点修改配色、字体层级、按钮样式和页面布局,但不要改变核心内容结构。配色希望改成蓝色。
请给出修改后的视觉效果,并简单说明你调整了哪些地方。
PLAIN TEXT提示词示例
[zip文件] 请基于这份设计稿,帮我搭建一个完整的可运行项目。保持与设计稿一致的视觉效果,并补充页面交互和多端适配。
图片展示了TRAE Work界面,左侧为导航栏,有Work、Code、Design等选项。右侧是“Wizo移动电商首页”设计界面,呈现紫色和白色配色的电商首页设计,有耳机、鞋子等商品图片。右侧弹出菜单中,“导出”选项被红色箭头突出显示。该图片与上下文关系紧密,直观呈现了TRAE Work中Design模式下设计产物的导出操作,辅助说明了通过自然语言修改颜色、字体、布局或局部元素,把设计产物导出为代码、图片、Figma,或交给Code模式继续实现的功能。
img-012 · 图片展示了TRAE Work界面,左侧为导航栏,有Work、Code、Design等选项。右侧是“Wizo移动电商首页”
图片展示了TRAE Work平台的Code模式界面。左侧为导航栏,有Work、Code、Design选项。右侧上方显示“Code with TRAE”,下方突出显示“1792200042477-测试.jpg,请基于上述设计代码,帮搭建一个完整的可运行项目,保持与设计稿一致的视觉效果,并补充页面交互和多端适配”。界面底部有“工作制”“用户客户专属”“IP - main”等标签,以及“应用开发”“项目理解”“游戏创意”“工具脚本”等选项。该图与上下文介绍的Code模式相呼应,直观呈现了在Code模式下进行代码开发的场景。
img-013 · 图片展示了TRAE Work平台的Code模式界面。左侧为导航栏,有Work、Code、Design选项。右侧上方显示“

如何选择适合的模式

直接给大家简化成三句口诀:

五、新手建议

1⃣ 【体验内置任务模板】点击每个模式对话框下面的任意一个模板卡片,体验一下TRAE Work 的完整工作流程

2⃣ 【任务掌控不中断】安装 TRAE Work 移动端,和本地桌面端完成适配对接

3⃣ 【和外部产品联动】处理代码仓库、Figma、飞书等外部资源,按需完成外部应用授权。

六、猜你想问

Q1:TRAE Work 和 TRAE IDE 是什么关系?

A:TRAE Work 的能力是在原有 TRAE IDE SOLO 模式基础上进一步提升而来,面向更广泛的工作场景。桌面版是为 AI Agent 设计的独立应用,不依赖 TRAE IDE 运行。

Q2:TRAE Work 是不是只能给开发用?

A:不是。Code 模式面向开发任务,但 Work 模式更适合文档、数据、汇报、分析等通用办公场景;Design 模式则面向设计和原型场景。

Q3:如果我已经会用普通 AI 聊天工具,还需要 TRAE Work 吗?

A:如果你只是问知识、写短文本,普通聊天工具已经够用。如果你希望 AI 读取资料、拆解任务、调用工具、生成可交付产物,并能跨端持续推进,TRAE Work 更合适。

Q4:我应该用网页版还是桌面端?

A:临时任务、快速体验、云端任务可以先用网页版。长期项目、本地文件、代码仓库和复杂任务更建议使用桌面端。

Q5:Design 模式是不是 Figma 的替代品?

A:不是简单替代。Design 模式更像 AI 设计协作入口,可以导入设计资产、生成设计方案、进行二次编辑,并和 Code 模式衔接,帮助设计从创意走向实现。

Q6:注册中国版和国际版有什么差异?

A:中国版支持手机号、抖音、苹果账号;国际版支持邮箱和第三方账号授权,例如 Google、GitHub。实际可用方式以登录页展示为准。

七、练手小作业

提示

请用 5 分钟完成一次“认识 TRAE Work”的上手练习。

  1. 打开 TRAE Work 网页版:中国版访问 work.trae.cn,国际版访问 work.trae.ai
  2. 完成登录后,新建一个 Work 模式任务。
  3. 输入一个简单任务:帮我整理一份 TRAE Work 新用户上手清单,包含第一步做什么、第二步做什么、需要注意什么。
  4. 观察 AI 是否展示执行过程,并查看最终产物是否可以继续追问或修改。
  5. 如果你是开发或设计用户,再尝试切换到 Code 或 Design 模式,观察入口和任务提示有什么不同。

完成后,你应该可以判断: