TRAE 绿皮书
新手入门

快速完成第一个任务

如何开启任务

方式一:直接发起

如果你需求简单、目标明确、不依赖本地文件和固定工作区,或者需要TRAE Work 帮你收集资料,就可以直接在对话框输入你的指令。

方式二:创建项目文件夹

如果你已经准备了一些与任务相关的资料,可以统一放在一个文件夹中。

比如:你想让 TRAE Work 帮你分析抖音评论,那就把你收集到的评论数据、说明文档、脚本和输出结果。然后在TRAE Work 里选择这个文件夹,在对它说 “帮我分析这个文件夹里的评论,并整理成Excel。” 它就知道去哪里找数据,也知道结果放在哪。

这样比起不选文件夹,TRAE Work 为你工作的效率以及稳定性就会高很多!

图片展示了TRAE Work界面,左侧为导航栏,有Work、Code、Design等选项,当前选中“新建任务”。右侧是“Work with TRAE”区域,提示可整理文档、编写PPT等。下方有“本地”和“选择文件夹(可选)”按钮,其中“选择文件夹(可选)”按钮被红色框突出显示。该图片与文档中“创建项目文件夹”部分内容相关,直观呈现了在TRAE Work中选择文件夹的操作位置。
img-079 · 图片展示了TRAE Work界面,左侧为导航栏,有Work、Code、Design等选项,当前选中“新建任务”。右侧是“

一、Work 模式:整理 AI 行业的调研报告

提示

完成后你会得到:一份结构清楚、便于继续加工的 AI 行业基础资料汇总,包括关键数据、细分赛道、来源链接和发布时间,后续可以直接扩展成汇报、文档或表格。

创建任务

第一次练习时,不建议直接布置过大的任务,可以先从 整理资料、制定计划、总结内容 这类范围明确、风险较低的任务开始。

该图片展示了名为Work with TRAE的工具界面,是适配Work模式的AI工具操作页面,左侧设有“Work”“Code”“Design”选项卡,下方还有新建任务、技能、自动化等功能入口。页面中央的输入区域提示用户可整理论文综述、编写PPT、分析Excel等日常工作并输出专业成果,下方提供了本地选择文件夹的选项,以及网页读取、调研分析、数据挖掘、文件管理等功能按钮,右侧显示TRAE Auto Model相关标识与操作按钮。此工具界面对应文档中练习Work模式整理AI行业调研报告的相关内容,为用户提供资料整理、分析等功能支持。
img-080 · 该图片展示了名为Work with TRAE的工具界面,是适配Work模式的AI工具操作页面,左侧设有“Work”“Co

第一次练习时,不建议直接布置过大的任务,可以先从 整理资料、制定计划、总结内容 这类范围明确、风险较低的任务开始。

描述需求

把你想得到的结果说清楚。可以直接复制下面这段:

PLAIN TEXTWork 模式第一个任务提示词
请围绕 AI 行业整理一份基础调研报告。
要求:
先帮我梳理这个行业的关键数据、主要方向和代表性信息。
优先参考权威来源。
用清晰、方便继续加工的方式输出。
这是Work with TRAE的工作界面,界面中显示的是整理AI行业调研报告的任务输入框,框内明确输入了需求:请围绕AI行业整理一份基础调研报告,要求聚焦该行业的关键数据、主要方向和代表性信息,优先参考权威来源,用清晰、方便继续加工的方式输出。界面还展示了任务相关的操作选项,包括网页读取、调研分析、数据挖掘、文件管理,以及选择上传的文件来源(本地),并有标识显示当前使用的是TRAE Auto Model。
img-081 · 这是Work with TRAE的工作界面,界面中显示的是整理AI行业调研报告的任务输入框,框内明确输入了需求:请围绕A

提供上下文(可选)

上下文就是你希望 AI 参考的材料。这个任务里,可以把零散想法直接贴在需求后面:

PLAIN TEXT可直接粘贴的上下文
我的零散想法:
- 重点覆盖 2023-2026 年全球 AI 市场规模、增长率、主要细分赛道。
- 细分赛道希望至少包括大模型、AI 芯片、AI 应用、AI 云服务、AI Agent。
- 希望优先引用 Gartner、IDC、Statista、麦肯锡、CB Insights、公司财报、政府报告等权威来源。
- 最终结果整理成结构化表格,并标注来源链接和发布时间。

如果你有更多背景,也可以补一句:“这份资料后续会用于周报、汇报或行业学习,所以希望信息尽量简洁、可靠、便于继续加工。” 这种约束会让计划更贴近真实情况。

查看计划和执行过程

提交任务后,先看 TRAE Work 是否理解了你的目标。重点观察两件事:

如果你发现 AI 理解错了,不用等它全部做完,可以直接补充:“先别生成最终版,改成优先补齐权威来源,并按赛道分表整理。”

图片展示的是AI行业基础调研报告的界面。左侧为TRAE AI工作台,显示“Work”模式,有新建任务、技能、自动化等选项,当前任务为整理AI行业调研报告。右侧是报告内容,包含AI市场规模、增长率、主要细分赛道等信息,还列出权威来源如Gartner、IDC等。右侧待办事项栏有“检索2023 - 2026全球AI市场规模/增长率”“按细分赛道(大模型、AI芯片...)”“把新数据整理进现有HTML报告”等任务。下方有参考信息、技能、HTML报告等板块。
img-082 · 图片展示的是AI行业基础调研报告的界面。左侧为TRAE AI工作台,显示“Work”模式,有新建任务、技能、自动化等选项

继续优化

第一次结果通常不会完全符合你的习惯。可以继续追问:

PLAIN TEXT
- “按照大模型、AI 芯片、AI 应用、AI 云服务、AI Agent重新分类。”
- “把不同机构的数据分开列出,并标明口径差异。”
- “只保留 2023-2026 年有明确来源和发布时间的数据。”
- “再补充各细分赛道的代表公司和最新财报信号。”

如果你已经知道想怎么改,也可以接管:复制 AI 的结果,手动调整几项,再让 AI 帮你润色成最终版。

图片展示的是TRAE Work界面,左侧为导航栏,中间是任务内容区域,右侧是任务列表。任务内容为AI行业基础调研报告,要求按大模型、AI芯片、AI应用等5个赛道重新分类整理,已找到1篇文献,需按1个文件、按1个文件整理。右侧任务列表显示“ai - industry - basic - research. html”等任务,还有“2026 - 06 - 30 AI report redesign - design”等任务,以及“brainstorming”“html - report”“research - guide”等参考信息。
img-083 · 图片展示的是TRAE Work界面,左侧为导航栏,中间是任务内容区域,右侧是任务列表。任务内容为AI行业基础调研报告,要

6. 结果验收

看到下面这些结果,就说明 Work 模式第一个任务完成了:

已覆盖 2023-2026 年全球 AI 市场规模与增长率 已包含大模型、AI 芯片、AI 应用、AI 云服务、AI Agent 等主要细分赛道已整理成结构化表格,便于复制到文档或表格工具已标注来源链接和发布时间,能够回溯原始信息
图片展示的是AI行业基础研究报告的界面。左侧为导航栏,有Work、Code、Design选项,当前选中Work。右侧是报告内容,显示已完成任务,涵盖2023 - 2026年全球AI市场规模与增长率等信息,还列出大模型、AI芯片等细分赛道。下方有“产品汇总”区域,显示“ai - industry - basic - research. htm l”文件,标注为“已完成”。右侧还有参考文献、会议、报告等资源列表。该图直观呈现了文档中Work模式下完成的第一个任务成果。
img-084 · 图片展示的是AI行业基础研究报告的界面。左侧为导航栏,有Work、Code、Design选项,当前选中Work。右侧是报

二、Code 模式:生成一个在线教育平台页面

提示

完成后你会得到:一个可以直接预览和继续修改的网页 Demo,包含基础页面结构、核心模块展示和可视化样式,适合拿来演示想法或继续迭代。

创建任务

进入 TRAE 后,先选择 Code 模式

新手第一次做 Code 任务时,推荐从 一个简单的应用页面 开始。

图片展示的是TRAE平台的Code模式界面。界面上方有Work、Code、Design三个选项卡,当前选中Code。左侧有“新建任务”“技能”“自动化”“任务列表”等选项。右侧是“Code with TRAE”区域,提示帮助编写代码、调试Bug、优化性能等开发工作,交付生产级代码产品。下方有“本地”“选择文件夹(可选)”等操作按钮,以及“应用开发”“项目理解”“游戏创意”“工具脚本”等标签。该图与上下文介绍的在TRAE平台创建Code任务的操作流程相关。
img-085 · 图片展示的是TRAE平台的Code模式界面。界面上方有Work、Code、Design三个选项卡,当前选中Code。左侧

描述需求

直接告诉 AI 你要生成什么页面、页面里要有什么内容、风格是什么。可以复制下面这段:

PLAIN TEXTCode 模式第一个任务提示词
开发一款支持多语种学习的在线教育平台。
涵盖英语、日语、韩语等主流语言。
平台需打造沉浸式语言学习体验。
并用 HTML 展示一个可预览的 Demo 页面。
图片展示的是TRAE平台的Code模式界面。界面上方有Work、Code、Design三个选项卡,当前选中Code。左侧有新建任务、技能、自动化等选项。中间区域显示“Code with TRAE”标题,下方是任务描述,要求开发一款支持多种语言学习的在线教育平台,包含基础页面结构、核心模块展示和可视化样式,适合拿来演示想法或继续迭代。右侧有TRAE Auto Model、本地文件夹选择等操作按钮。该图片与文档中创建Code模式任务的内容相关,直观呈现了操作界面。
img-086 · 图片展示的是TRAE平台的Code模式界面。界面上方有Work、Code、Design三个选项卡,当前选中Code。左侧
图片展示了TRAE平台中Code模式生成的在线教育平台页面示例。左侧为页面代码,包含HTML、CSS、JavaScript等内容,右侧是页面预览效果,标题为“PolyLingua - 多语言式在线学习平台”,宣传语为“掌握新语言 开启新世界”,下方有“开始学习”按钮及“分级课程体系”“智能语音练习”等板块。该图片与上下文关系紧密,直观呈现了在TRAE平台使用Code模式生成页面的成果,帮助用户了解如何从代码生成页面。
img-087 · 图片展示了TRAE平台中Code模式生成的在线教育平台页面示例。左侧为页面代码,包含HTML、CSS、JavaScrip

提供上下文(可选)

如果没有现成项目,只要说明“从零创建”。

上下文越具体,AI 生成的页面越接近你想要的效果。如果你有已有文件或风格要求,也可以补充:

PLAIN TEXT
需要包含分级课程体系展示。
需要有互动式学习模块,如单词记忆、语法练习、口语跟读、听力训练。
页面中展示学习进度追踪功能。
预留用户注册登录入口。
增加社区交流和成就激励系统的模块入口。

查看计划和执行过程

Code 模式通常会先说明它要创建哪些文件、写入哪些代码。

图片展示的是TRAE宝生成的在线教育平台页面代码。左侧为TRAE宝界面,显示任务名称“多语种在线教育平台开发”,并有“Work”“Code”“Design”选项。右侧是生成的代码内容,包括HTML、CSS、JavaScript等代码片段,如HTML部分有创建HTML骨架页面(基础结构、导航栏、底部栏)等内容,CSS部分有设置字体、颜色等样式。右侧还显示代码压缩比例为15%,并有“上下文”“文档”“其他”选项。
img-088 · 图片展示的是TRAE宝生成的在线教育平台页面代码。左侧为TRAE宝界面,显示任务名称“多语种在线教育平台开发”,并有“W

继续优化

方式一:直接自然语言描述

PLAIN TEXT
可以帮我优化一下分级课程体系部分,按照标签【入门】【初级】【中级】【高级】和【精通】展示,不全部展示在页面上,点击某个标签就展示对应的卡片,去掉中高级。

可以看到修改完成后的样式如下:

图片展示了Code模式下生成的在线教育平台页面。左侧是TRAE Code界面,显示任务完成情况及代码信息,下方有“Auto Mode”按钮。右侧是PolyLingua平台页面,有“入门”“初级”等课程选项,下方是“英语零基础入门”课程介绍,显示12节课、60小时时长。该图片与文档中“生成一个在线教育平台页面”内容对应,直观呈现了生成后的页面样式。
img-089 · 图片展示了Code模式下生成的在线教育平台页面。左侧是TRAE Code界面,显示任务完成情况及代码信息,下方有“Aut

方式二:选择要修改的元素添加到对话

图片展示了PolyLingua - 多语种沉浸式学习平台的页面及Code模式界面。左侧是平台页面,有“入门”“初级”“中级”“高级”“精通”等课程选项,下方有“英语零基础入门”课程介绍。右侧是Code模式界面,显示了页面代码结构,有“设计”“CSS”选项卡,还展示了代码中“hero-section”部分的样式属性,如宽度、高度、边框等。该图片与文档中介绍Code模式生成在线教育平台页面的内容相关,直观呈现了页面样式及代码结构。
img-090 · 图片展示了PolyLingua - 多语种沉浸式学习平台的页面及Code模式界面。左侧是平台页面,有“入门”“初级”“中
图片展示了Code模式下生成的在线教育平台页面。左侧为TRAE Code界面,显示“多语种在线教育平台开发”任务,有“提交 Web 页面”按钮及“1个文件已修改”信息。右侧是PolyLingua平台页面,有“入门”“初级”等课程选项,下方有绿色背景的课程卡片,卡片上有“英语零基础入门”等文字。该图片与文档中介绍Code模式生成在线教育平台页面的内容相关,直观呈现了生成效果。
img-091 · 图片展示了Code模式下生成的在线教育平台页面。左侧为TRAE Code界面,显示“多语种在线教育平台开发”任务,有“提
图片展示了PolyLingua多语种沉浸式学习平台的界面。左侧为TRAE平台界面,显示任务列表,有“新建任务”“技能”“自动化”“任务列表”等选项,当前处于“Code”模式,任务列表中“index.html”文件已修改。右侧是PolyLingua平台,有“EN”“JP”“KO”“G”等语言选项,页面显示“分级课程”及“英语零基础入门”课程信息,下方有绿色按钮。该图与文档中介绍PolyLingua平台及Code模式生成在线教育平台页面的内容相关,直观呈现了平台界面。
img-092 · 图片展示了PolyLingua多语种沉浸式学习平台的界面。左侧为TRAE平台界面,显示任务列表,有“新建任务”“技能”“

你可以根据自己的需求不断去调整优化,保证每个场景都可以顺利交互。

结果验收

看到下面这些结果,就说明 Code 模式第一个任务完成了:

已生成一个可以直接预览的 HTML 页面。页面中包含了主要功能模块和基本样式。页面结构清楚,后续可以继续让 AI 修改。点击按钮后有简单反馈。
图片展示了Code模式生成的在线教育平台页面。左侧为开发环境界面,显示任务名称“LingualLearn - 多语种在线教育平台”等信息,下方有“Work”“Code”“Design”选项卡。右侧是生成的HTML页面,标题为“LingualLearn - 多语种在线教育平台”,页面上方有导航栏,中间有“开启你的多语种学习之旅”等文字,下方有语言选择按钮。该图片与文档中Code模式生成页面的内容对应,直观呈现了任务完成后的页面效果。
img-093 · 图片展示了Code模式生成的在线教育平台页面。左侧为开发环境界面,显示任务名称“LingualLearn - 多语种在线

三、Design 模式:生成一款「待办清单」小程序的手机端设计稿

提示

完成后你会得到:一组可继续修改的移动端高保真设计稿,可以继续修改风格、模块和布局

、补充页面,或衔接后续开发。

创建任务

进入 TRAE 后,先选择 Design 模式。第一次练习时,建议从 “概念成稿” 类任务开始,也就是先给出一句想法,让 AI 帮你生成页面草稿。

同样建议先在本地新建一个文件夹,把这次设计任务相关的资料放进去,比如需求描述、参考页面、品牌风格、配色偏好、文案内容或草图,再上传到 TRAE Design。这样 AI 会在一个清晰的资料范围内理解任务,比只输入一句模糊需求更稳定,也更容易做出接近你预期的设计结果。

这张图片展示的是名为“Design with TRAE”的设计工具界面,对应文档中关于使用TRAE Design完成待办清单小程序设计的内容。界面左侧有Work、Code、Design三个功能选项,还有新建任务、技能、设计系统等选项。中间区域有一处橙色框选突出的“选择文件夹(可选)”标识,和文档中提及的“先在本地新建文件夹并上传相关资料”的操作要求相契合,下方还展示了设计还原、概念成稿、规范出图三个不同的设计任务选项。
img-094 · 这张图片展示的是名为“Design with TRAE”的设计工具界面,对应文档中关于使用TRAE Design完成待办

一开始不要直接要求它生成完整小程序的所有页面,也不要一次做太多页面。建议先做 2 到 3 个核心页面,这样更容易判断方向对不对,再继续往下迭代。

描述需求

复制下面这段提示词,直接发起第一个 Design 任务:

PLAIN TEXTDesign 模式第一个任务提示词
生成一款实用型「待办清单」小程序的手机端高保真设计稿。
尺寸为 375×812。
风格希望采用深色模式。
输出 3 张页面:日历待办首页、新增任务编辑页、任务数据统计页。
图片展示的是TRAE平台的界面,处于“Design”工作空间。界面左侧有“Work”“Code”“Design”等选项卡,当前选中“Design”。右侧是“Design with TRAE”区域,提示生成一款实用型“待办清单”小程序手机端高保真设计稿,尺寸为376x812,风格为深色模式,需输出9张页面。下方有“本地”“选择文件夹(可选)”等按钮,以及“设计还原”“概念成稿”“规范出图”三个选项卡,其中“设计还原”被选中。该图与文档中设计小程序手机端设计稿的任务相关,是任务发起界面。
img-095 · 图片展示的是TRAE平台的界面,处于“Design”工作空间。界面左侧有“Work”“Code”“Design”等选项卡

提供上下文

Design 模式里的上下文可以是文字,也可以是参考图。第一次练习没有参考图也没关系,先补充这三类信息就够了:

如果你有喜欢的页面截图,可以上传并补一句:“参考这张图的卡片层级和配色,但内容按我的待办清单小程序来设计。”

这张图片是一个待办清单小程序高保真设计稿的相关内容,用于指导快速完成相关设计任务。内容围绕“待办清单小程序高保真设计稿”展开,提供了三类符合风格要求的设计方向建议,分别从日历界面、任务系统、交互设计等维度给出了具体设计要点,还附带了该设计的落地小技巧指引,界面左侧是设计工具的功能导航栏,右侧展示了相关的参考信息与任务状态,整体辅助用户完成符合实用、克制等视觉风格要求的小程序设计。
img-096 · 这张图片是一个待办清单小程序高保真设计稿的相关内容,用于指导快速完成相关设计任务。内容围绕“待办清单小程序高保真设计稿”

查看 TRAE Work 的计划和执行过程

生成过程中,重点观察它是否围绕你给出的模块来设计,而不是只做一个好看的空页面。你可以看:

如果你有喜欢的页面截图,可以上传并补一句:“先不要扩展更多页面,先把这 3 个核心页面做完整,并突出待办闭环。”

图片展示的是TRAE Work平台界面,左侧为导航栏,中间是任务列表,右侧是“待办清单小程序高保真设计稿”任务详情。任务中列出“查看TRAE Work的计划和执行过程”等任务,右侧有“任务产物”“参考信息”“技能”等板块,其中“任务产物”部分有“2026-06-30 - todo - miniprogram - design.md”文档链接,右侧“待办”列表中“提出2 - 3种设计方向与取舍”任务被红色框突出显示。该图片与文档中设计任务的优化内容相关,展示了任务执行情况。
img-097 · 图片展示的是TRAE Work平台界面,左侧为导航栏,中间是任务列表,右侧是“待办清单小程序高保真设计稿”任务详情。任务

继续优化

设计任务非常适合反复追问。可以直接用下面这些短句修改:

PLAIN TEXT
“整体再克制一点,减少装饰感。”
“把首页的待办信息层级做得更清楚。”
“新建任务页的保存按钮再更突出一些。”
“统计页的数据图表做得更直观一点。”
“品牌色再收敛一点,避免太亮。”

如果你已经喜欢其中一部分,可以明确保留:“保留首页的日历和待办卡片样式,其他页面重新排版。”这种说法通常比直接说“不对”更容易得到可用结果。

结果验收

看到下面这些结果,就说明 Design 模式第一个任务完成了:

生成的是一组移动端高保真设计稿 页面包含首页、任务编辑页和数据统计页 页面中体现了新建、提醒、完成、归档、统计的完整闭环 整体视觉风格基本符合深色、柔和、实用的描述 你至少完成了一次追问修改

后续你可以导出设计稿、截图保存,或者继续让 TRAE Work 基于这个设计进入开发任务。

图片展示的是TRAE Work平台界面,左侧为导航栏,选中“Design”标签。右侧是“待办清单小程序高保真设计”任务详情,显示任务状态为“进行中”,并有“任务主关联人”“任务关联人”等信息。下方有“TRAE Design”“产品汇总”等板块,右侧有三个设计稿预览图,最右侧图被红色箭头指向。该图与上下文关系紧密,直观呈现了任务设计成果及设计稿预览,是完成Design模式第一个任务的可视化体现。
img-098 · 图片展示的是TRAE Work平台界面,左侧为导航栏,选中“Design”标签。右侧是“待办清单小程序高保真设计”任务详

四、三种模式的通用公式

无论你用 Work、Code 还是 Design,都可以套用这个描述公式:

提示

我要完成什么 + 给谁用 + 结果里必须包含什么 + 有什么限制 + 希望输出成什么形式。

要素

示例

我要完成什么

整理 AI 行业基础资料 / 生成多语种在线教育平台 HTML Demo 页面 / 设计一款「待办清单」小程序手机端高保真设计稿

给谁用

给我自己做学习或汇报 / 给自己或同事预览产品想法 / 给想把待办管理得更清楚的人使用

必须包含什么

市场规模、细分赛道、来源链接、发布时间 / 页面标题、课程体系、学习进度、注册登录、 / 首页、编辑页、统计页

有什么限制

不要太复杂 / 不用框架 / 深色色模式

输出成什么形式

结构化表格或资料汇总 / 可直接预览的单文件 HTML 页面 / 一组可继续修改的移动端设计稿

五、猜你想问

Q1:第一次任务应该选哪个模式?

如果你不确定,先选 Work 模式。它对环境要求最低,最容易看到结果。想体验代码再选 Code,想体验界面生成再选 Design。

Q2:AI 的计划看起来不对怎么办?

尽早打断,不要等它全部做完。可以说:“先暂停,我想把目标改成……” 或 “不要继续这个方向,先按下面的新要求重新规划。”

Q3:我能不能直接接管?

可以。TRAE Work 不是只能让 AI 全自动完成。你可以随时手动改内容、改文件、改设计方向,然后让 AI 基于你的修改继续。

Q4:结果不完美算失败吗?

不算。第一课的目标是跑通闭环。只要你能创建任务、描述需求、看到执行、完成一次修改,并验收结果,就已经达成目标。

六、课后练习

从下面三个练习里任选一个完成即可:

完成后,检查自己是否能说清楚:我创建了什么任务、给了什么上下文、AI 做了什么、我修改了什么、最后结果在哪里。