TRAE Work 上线 HTML 能力：一句话，把长文变成互动页面

AI范儿 · 教程实测⏱ 6 分钟

TRAE Work 上了一个新能力：你说一句话，它给你生成一个能点、能翻、能直接甩链接出去的网页。

不是生成网页代码，是生成一份能直接交出去的东西。

它不是 PPT，而是一个动态可交互的网页，但不需要自己写一行代码。

我拿刚结束的 WAIC 2026 试了一把，素材是四篇官方总结，加起来几万字，分散在四个链接里。

结果是一页，三分钟能看完。

01先弄明白 TRAE 是谁

在聊这个新功能之前，得先介绍下 TRAE，尽管很多人可能听说过。

TRAE 是字节做的 AI 编程工具，最早是个 IDE，也就是程序员写代码用的那个软件。

它有两种玩法：一种是你自己掌控每一步，AI 在旁边打下手；另一种叫 SOLO 模式，你用大白话说需求，AI 自己规划任务、写、跑、把结果给你看。

后来 SOLO 这条线的能力被单拎出来，长成了 TRAE Work。

官方定位是"AI 原生工作台"，网页版、桌面版、手机版三端打通，账号和任务数据实时同步。

你在手机上说一句"帮我把这份资料整理成报告"，家里那台电脑就开始干活了。

TRAE Work 里面分三种模式，这个分法你可能会觉得眼熟：

Code 模式：给写代码的人，聚焦编码、调试、Git 工作流

Design 模式：给做设计的人，设计、修改、定稿一条龙

Work 模式：给产品经理、运营、数据分析师这些人，专门处理文档、数据、演示稿

用过 Claude 那一套的应该立刻反应过来了。Claude Code 给开发者，Claude Design 做设计和原型，Cowork 给不写代码但要干活的人。

这样的分工，基本上是现在所有 Agent 的标配了。

顾名思义，TRAE Work 主要用来做办公处理，既不要求你会写代码，也不要求你懂设计。但可以把日常很多的办公任务交给他，比如文档处理、PPT、项目汇报等。

这次的 HTML 能力，就长在 Work 这条线上。

02边说边演：四篇压成一页

现在的 AI 工具早就不只是简单的能生成文字了，我们的日常工作也绝不止需要纯文本。

各种格式的文档，比如 Word、电子表格以及演示文档都是我们常用的文档类型。

但实际上还有一类用得特别多的，就是一个动态的可交互网页，前段时间很多 AI 大佬就说了，相比 Markdown，HTML 可能是 AI 时代更好的交付物。

而这次 TRAE Work 主打的交付物换，就是直接给你一个 HTML 网页。

光说没用，我拿 WAIC 2026 的会议总结走了一遍完整流程。

1素材长什么样

WAIC 官方公众号发了四篇总结，分别讲算力基础设施、AI 全球治理的中国方案、生态的三个关键词、还有六大观点看下一程。

四篇都值得看。问题是加起来几万字，分散在四个链接里，读完得一个小时。

这不是"排版丑"的问题，是"信息散"的问题。

没人会在手机上把四篇长文读完，但很多人愿意花三分钟看一页速览，看到感兴趣的再点进原文。

我要的只是一页一目了然的总结。

2一句话，把需求说清楚

不需要写什么标准提示词，就按你跟同事交代事情的方式说。

我输入的是这个：

"把这四篇 WAIC 2026 的会议总结，做成一个给读者看的会议速览页面，四个主题分成四块，每块先给核心观点，细节可以点开展开，要适合手机阅读"

注意这句话里一个字都没提网页该怎么做、用什么排版、要什么配色。

你只需要说清楚你要什么，不需要说它该怎么做。

▲ 图：一句话把需求丢进去

3它自己干活，过程能看见

TRAE Work 会把任务拆开，一步一步执行，屏幕上能看到它走到哪了。

这点还挺重要的。你知道它在干什么，不是丢进一个黑盒子里干等着。

▲ 图：任务被拆开，一步步执行

实际跑下来，用这个 4 份材料生成一个动态网页，用了 9m48s，这显然比找一个程序员哥哥写快太多了。

4页面出来了

生成完可以直接在对话界面里预览，不用切到浏览器。

▲ 图：四篇总结压成的一页

总体来说这个页面还是非常的一目了然，把总结里面的核心要点都提炼并整理清晰了。

而且如果要看详细内容的话，只要点展开按钮就好了，非常方便。审美方面，比较简单，没有什么花哨的东西。

如果从纯信息角度讲，这已经足够了，但我个人还是喜欢图文并茂一点。

5不满意就改

作为一个打工人神奇，光生成不能改可不行。这点 TRAE Work 当然也想到了，所以在这里面修改生成的东西非常方便。

最容易想到的方法是直接在对话框里面写提示词让它改。

但这种方式基本上只适合进行全局修改，如果你想指定修改某个文字、某个区域，这样描述的效率就太低了。

更高效的方式是打开“编辑模式”。

在编辑模式下，所有的元素自动分解成了可编辑状态，可以看到一个个的蓝色框，在这个蓝色框里有两种编辑方式可以用。

第一种是圈选+评论。哪一块不对，选择它，告诉它到底想怎么改，整页其他地方纹丝不动。

▲ 图：圈住哪块改哪块，其他地方不动

比如这里我选择了第一个模块，让它加入一个相关的插图，它果然用 AI 生成了一个贴合内容的图，而如果要自己去找一个匹配的图，还真挺费劲的。

不得不说这种指哪改哪的方式，真的是非常方便而且高效

第二种方式就刚简单：直接改，就跟在word 里面编辑一样。这种方式特别适合用来对文字进行修改、编辑。

▲ 图：小调整自己动手更快

如上图，这里实际上除了能改文字内容，还提供了一些简单的格式编辑，比如对齐方式、字号、是否粗体等。

用过 AI 生成工具的都懂那种痛苦：为了改一个标题，你跟它来回聊了五轮，而你只是想把"本周"改成"上周"。

6出链接

改完点分享，生成一个链接，复制发出去就行。

对方不用装任何东西，点开就能看。链接展示的是最新版本，你后面又改了内容，不用重发一遍，还是那个链接。

▲ 图：一个链接，发出去就完事

整条链路捋下来是这样：

一句需求 → 生成页面 → 圈选改 / 手动改 → 出链接 → 对方在手机上点开

从一句话生成内容，到高效的修改以及一键分享，TRAE Work 这个 HTML 交付能力着实挺好用的。

但真正让我要狂赞的是：它竟然有一个隐藏的“回退”功能，就这么一个按钮，可以让你瞬间回到任何一个修改之前！

你知道在其他类似工具中没有这个功能，我是多么抓狂吗...

03上线信息和适用场景

TRAE Work 是一个单独的应用，目前支持平台：Windows 和 macOS 桌面端，Apple 芯片和 Intel 都有对应版本

当然，我觉得并不是所有东西都值得做成网页。

值得的：

会议纪要、行业总结：信息量大又零散，压成一页最划算

周报、月报、项目汇报：结构清晰还能塞进度和图表，比纯文字好读

数据复盘和活动总结：投放数据、用户反馈、结论做成能点的页面，比甩个 Excel 有效得多

产品需求文档：文档和原型本来是割裂的，现在需求能直接被点击和演示

学习笔记和研究资料：一堆零散资料整理成有结构的页面，自己回看也舒服

求职作品集：没有个人网站又不会设计的，这条路挺省事

不太值得的：

三句话能说完的事别做成网页。给一个人看一次就丢的东西，也别做。做页面这件事本身有成本，虽然从三小时降到了三分钟，但它不是零。

判断标准很简单：这份东西会不会被超过一个人打开，会不会被打开超过一次。两个都是"会"，就值得。

这个功能好用不好用，得看你手上是什么活。

但有个变化我觉得值得留意。

过去两年，AI 的进步几乎都堆在"想得更好"这件事上，模型更聪明、推理更强、上下文更长。而实际工作里卡住我们的，很多时候不是想不明白，是想明白了搬不动。

四篇几万字的会议总结，我读完只花了看的时间，剩下的都省了。

从给你答案，到给你成品，这一步跨过去，AI 才算真的进了办公室。

#TRAE #TRAEWork

你手上最近一次做到想砸键盘的活是哪个？评论区说说，我看看这东西能不能救觉得有用 → 点个❤️在看，别让攻略在收藏夹里吃灰点个赞 告诉我你看完了关注「AI范儿」，下次更新第一时间收到