新手入门

认识 TRAE Work 的界面

一、TRAE Work 界面

布局说明

TRAE Work 桌面端采用三栏式布局。你可以先用一句话记住它：左边管任务，中间管对话，右边管结果。

左侧栏：用于新建、切换和管理任务，也可以进入技能、自动化和账号设置。
中间区：用于输入需求、和 AI 对话，并查看 AI 的计划与执行过程。
右侧栏：用于查看待办、任务产物和参考信息。

这张图片是TRAE Work的界面对比示例图，对应文档中关于该工具界面布局的内容，核心展示了该工具的左侧栏、中间工作区与右侧栏的结构。左侧为任务控制台区域，包含Work、Code、Design等模式切换选项，以及任务管理、自动化、设置等相关功能入口；中间区域是工作区，显示与AI行业投资规模、数据处理相关的任务列表，还有对应的任务属性说明；右侧是辅助查看区域，集成了待办、任务产物参考信息，包含搜索栏、报告生成入口以及参考资料列表，整体清晰呈现了TRAE Work的界面核心模块与功能布局。 — img-021 · 这张图片是TRAE Work的界面对比示例图，对应文档中关于该工具界面布局的内容，核心展示了该工具的左侧栏、中间工作区与

左侧栏：你的任务控制台

位置：界面最左侧。

作用：管理任务、切换模式、进入技能和自动化、打开账号与设置。

这张图片展示了TRAE Work界面的左侧栏，界面最左侧区域以黄色边框标注。左侧栏顶部是“Work”“Code”“Design”选项，对应可切换不同工作模式。左侧栏内还有包含“新建任务”“技能”“自动化”“设置”等功能的操作入口，是用于管理任务、切换功能模块、进入账号设置的任务控制台，符合文档中对TRAE Work左侧栏的布局与作用说明。 — img-022 · 这张图片展示了TRAE Work界面的左侧栏，界面最左侧区域以黄色边框标注。左侧栏顶部是“Work”“Code”“Des

以下为左侧边栏的所有元素位置介绍：

元素	截图	作用
Work / Code / Design	img-023 · 这张图片展示了TRAE Work的界面，在界面最左侧的区域，有Work、Code、Design三个核心选项，该区域作为任	切换不同工作模式。
新建任务	img-024 · 图片展示了TRAE Work界面左侧栏部分。上方有Work、Code、Design三个工作模式选项，其中Work被选中。	创建一个新的空白任务。
技能	img-025 · 图片展示了TRAE Work界面中“技能”板块的内容。左侧导航栏选中“技能”选项，右侧显示技能列表，包括“技能市场”“技	进入技能市场，安装或管理技能。
自动化	img-026 · 这张图片展示的是TRAE Work的“自动化”界面，左侧导航栏中的“自动化”选项被黄色框标注高亮，对应文档中提及的该模块	创建和管理定时自动执行的任务。
任务列表	img-027 · 这是TRAE Work的界面截图，左侧栏用黄色框突出展示了任务列表区域，其中明确标注了“待做”“进行到一半”“已完成”“	展示当前任务和历史任务，点击即可切换。
头像 / 设置	img-028 · 这张图片是TRAE Work界面的截图，左侧黄色框选的部分是其头像/设置模块，该模块内可看到“TRAE 豆”标识，显示有	进入语言、主题、设置、问题反馈、退出登录等入口。
移动端入口	img-029 · 这张图是TRAE Work界面的移动端入口相关内容，图片主体为一个二维码，外围配有黄色高亮边框。该二维码的作用是扫码下载	扫码下载 TRAE 移动端，随时查看和推进 TRAE Work 任务。

设置栏目

主题更换：支持暗色、亮色和跟随系统

图片展示了TRAE Work界面。左侧有Work、Code、Design三个标签，当前选中Work标签。下方有新建任务、挂起、自动化、任务列表、全文搜索等选项。右侧上方显示“Work with TRAE”，下方有输入框，右侧有TRAE Auto Model、语言、角色等设置选项。底部有网页读取、调研分析、数据抓取、文档管理等导航栏。左侧还显示了用户头像、主题、角色等信息。该图与文档中介绍TRAE Work界面布局说明的内容相关，直观呈现了界面结构和部分功能。 — img-030 · 图片展示了TRAE Work界面。左侧有Work、Code、Design三个标签，当前选中Work标签。下方有新建任务、

img-031 · 图片展示的是TRAE Work的界面，背景为深色。界面左侧有“Work”“Code”Design 自动生成

中间对话区：跟 AI 协作的地方

位置：界面中间最大的区域。

作用：这里是你和 AI 沟通、下指令、看执行过程的地方。

元素	截图	作用
对话内容区	img-032 · 这张图片展示的是TRAE Work界面的中间对话区，是用户与AI协作沟通的区域，其核心是全球AI市场增长数据相关内容。该	显示你和 AI 的沟通过程、AI 的计划和执行状态。
输入框	img-033 · 图片展示了TRAE Work界面中的中间对话区，是用户与AI沟通、下指令、看执行过程的地方。对话内容区显示了“你好，有什	输入你希望 TRAE Work 完成的任务。
附件上传	img-034 · 这张图片展示的是TRAE Work的中间对话区界面，该区域是与AI协作的核心区域。图片中黄色框突出标注了“上传文件”功能	上传文件、图片或材料给 AI 处理。
命令 / 技能调用	img-035 · 图片展示了TRAE Work界面中“技能调用”部分。左侧为导航栏，有“Work”“Code”“Design”等选项。右侧	快速调用命令或技能。
模型选择	img-036 · 这张图片展示了TRAE Work的模型选择功能区，黄色高亮框标注出了该功能模块，模块顶部显示当前选中的模型为“TRAE	选择本次任务使用的 AI 模型。
语音入口	img-037 · 图片展示了TRAE Work界面中的中间对话区。界面上方有“Work”“Code”“Design”标签，左侧有“新建任务	使用语音输入或语音讨论。
云端 / 本地切换	img-038 · 图片展示了TRAE Work界面中“云端/本地切换”的功能区域。画面中有一个下拉菜单，当前显示“本地”，还有“云端”选项	选择任务在云端还是本地执行。
多模版选择	img-039 · 图片展示了TRAE Work界面中“Work”标签下的“新建任务”页面。页面上方有“Work”“Code”“Design img-040 · 这张图片展示了TRAE Work的代码协作界面，核心突出部分是被黄色框线标注的多模版选择区域，该区域内共有四个模板选项， img-041 · 图片展示了TRAE Work界面中“Design”标签下的“Design with TRAE”设计协作区。界面上方有“新	内置了不同的模板，三个模式不相同。

云端任务vs 本地任务

环境	含义	适合场景
云端	任务在远程环境中执行，不占用本机资源。	适合调研、写文档、生成内容、跨设备继续处理。
本地	任务在你的电脑本地执行。	适合需要访问本地文件、本地项目或本机环境的任务。

提示

如果只是写文档、做调研、整理内容，可以优先使用云端。

如果任务需要读取或修改你电脑上的文件，再考虑本地。

右侧栏：看进度和结果的地方

位置：界面最右侧。

作用：在复杂任务中查看 AI 的任务拆解、生成产物和参考资料。

元素	截图	作用
待办	img-042 · 图片展示了TRAE Work界面中右侧栏的“任务产物”部分。在“全球AI市场增长分析报告”任务中，任务产物区域呈现了20	显示 AI 当前任务拆解出来的步骤，帮助你知道它正在做什么。
任务产物	img-043 · 图片展示了TRAE Work界面中“任务产物”部分的内容。左侧为任务列表，右侧是任务详情，显示“全球AI市场增长数据分析	展示任务完成后生成的文件或结果，例如文档、表格、PPT、HTML 文件等。
参考信息	img-044 · 图片展示了TRAE Work界面中“参考信息”区域的内容。该区域以列表形式呈现，包含“技能”“使用指南”“参考资料”等类	展示 AI 执行任务时参考过的技能、网页、资料或搜索结果。
手动压缩	img-045 · 图片展示的是TRAE Work界面中右侧栏部分。左侧为任务列表，有“待办”“任务产物”“参考信息”等分类。右侧上方显示任	Code 模式下，点击可以自动压缩上下文

提示

提示：

复杂任务执行时，不要只看中间对话区。右侧栏能帮你快速判断 AI 正在做哪一步、最终产物在哪里、它参考了哪些资料。

二、灵活切换三种模式

TRAE Work 顶部提供 Work、Code、Design 三种模式。预先切换适配模式，指定本次任务对应的工作类型。

模式	适合谁	适合做什么
Work	产品、运营、分析师、行政、内容创作者等。	写文档、做 PPT、分析 Excel、调研总结、文件管理等日常工作。
Code	开发工程师、技术同学、需要处理代码项目的人。	写代码、调试 Bug、理解项目、处理 Git 和代码仓库。
Design	设计师、产品经理、需要生成页面原型的人。	从想法到设计，生成可交付的页面原型、设计还原、概念成稿等。

这张图片展示了TRAE Work的Work模式界面，界面左侧有“新建任务”“技能”“自动化”等功能选项，顶部清晰区分了Work、Code、Design三种模式选项，当前处于Work模式状态。界面中间区域标注有“Work with TRAE”字样，下方提供了对应Work模式的功能入口，覆盖网页读取、调研分析、数据挖掘、文件管理等日常办公相关操作，明确了该模式支持写文档、做PPT、处理Excel等日常工作，符合文档中关于Work模式的介绍内容。 — img-046 · 这张图片展示了TRAE Work的Work模式界面，界面左侧有“新建任务”“技能”“自动化”等功能选项，顶部清晰区分了W

图片展示了TRAE Work的Code模式界面。左侧有Work、UI、Code、Design四个选项卡，当前选中Code。右侧上方显示“Code with TRAE”，下方有“本地”和“知识库暂无暂无”选项，以及“应用开发”“项目理解”“源码拆解”“工具脚本”四个标签。界面底部有“TRAE Auto Model”按钮。该图片与文档中介绍TRAE Work界面及Code模式的内容相关，直观呈现了Code模式下的工作环境。 — img-047 · 图片展示了TRAE Work的Code模式界面。左侧有Work、UI、Code、Design四个选项卡，当前选中Code

这是TRAE Work的Design模式界面，页面明确标注了“Design with TRAE”，对应设计人员、产品经理等生成页面原型的使用场景。界面顶部左侧的模式选择栏已切换至“Design”模式，中间区域提供了相关操作选项，下方展示了“设计详情”“概念草稿”“规范应用”三类设计相关的示例内容，还标注了“TRAE Auto Model”字样，支持从想法转化为可交付的页面原型。 — img-048 · 这是TRAE Work的Design模式界面，页面明确标注了“Design with TRAE”，对应设计人员、产品经理

提示

如果你不确定该选哪个模式，可以先从 Work 开始。
任务明显和代码项目相关时，切到 Code。
任务和页面、视觉、原型相关时，切到 Design。

三、账号和设置入口

点击左下角头像，可以打开账号菜单。这里通常包含语言、主题、设置、报告问题和退出登录等入口。

如果需要更完整的配置，可以进入设置界面进行配置。

这张图片展示的是TRAE Work软件的设置界面，界面左侧为导航栏，包含账号、自动化、任务列表等选项，顶部的工作模式切换栏显示Work、Code、Design三种模式选项，与文档中提到的三种模式内容相呼应。界面右侧的设置区域属于通用设置板块，设有基础设置、默认设置、本地数据打开方式等内容，还提供了语言、主题选择，以及切换数据管理相关操作的入口，和文档中账号与设置入口的内容完全对应，整体呈现了该软件的账号及配置相关的操作界面。 — img-049 · 这张图片展示的是TRAE Work软件的设置界面，界面左侧为导航栏，包含账号、自动化、任务列表等选项，顶部的工作模式切换

四、布置一个小作业

完成界面打卡
目标：找到以下 8 个元素，确认你已经认识 TRAE Work 的基础界面。

序号	要找的元素	找到了打勾
1	“新建任务”按钮
2	Work / Code / Design 模式切换
3	AI 输入框
4	附件上传入口
5	语音功能入口
6	切换本地 / 云端环境
7	右侧“任务产物”区域
8	配置 MCP 功能

五、猜你想问

Q1：Work、Code、Design 有什么区别？

简单理解：

Work：适合办公、调研、文档、PPT、Excel 分析等日常工作。
Code：适合开发工程师，用来写代码、调试、理解项目和处理 Git。
Design：适合设计和原型相关任务，用来生成页面原型、设计还原或概念成稿。

Q2：云端模式和本地模式选哪个？

只是聊天、查资料、写文档、生成内容：优先选云端。
需要 AI 读取或操作你电脑上的文件、项目：选择本地。

Q3：任务列表里的任务可以切换吗？

可以。点击左侧任务列表中的任务，就能回到对应任务的对话和执行记录。

Q4：为什么有时候右侧栏是空的？

如果任务还没开始执行，或当前任务没有生成待办、产物和参考信息，右侧栏可能会显示为空。复杂任务执行后，这里通常会出现进度和产物。

Q5：技能是什么？怎么用？

技能就像给 AI 安装的能力包，让 AI 在特定任务中表现更稳定。点击左侧栏的“技能”，可以进入技能市场，安装或管理技能。

Q6：设置入口在哪里？

点击左下角头像，可以看到语言、主题、设置、报告问题和退出登录等入口。更完整的配置在“设置”弹窗里。