有一段时间没用Trae SOLO/Work了，今天打开后第一时间升级到最新版本，发现更新了不少功能（光是操作外部浏览器和支持视频生成能力就很吸引人了），还有跟腾讯WorkBuddy一样改成了消耗积分的形式，每天签到还送积分。

回到正题。最近有一个功能业务即将上线，加上我近期事情比较多没什么时间写操作手册，就想着能不能让TraeWork直接看之前的需求原型然后产出操作手册。开始前我是没抱有太大希望的，就想着反正给个指令它做它的我干我的互不影响，没想到结果发现效果还不错。

一、让TraeWork“看懂”原型

我们这边大部分原型是导出html后上传svn服务器的，svn服务已托管成网站的形式进行访问，所以只要打开局域网就能直接访问原型网页了。稳妥起见我直接让它看能不能访问。

你能访问 http://192.168.10.31:8081/svn/…… 这个局域网地址吗（验证用户****密码***** ）？

可以看到它告诉我已经成功访问了，识别出这个是一个“跨店调拨”的原型。如果在之前的老Trae版本就需要安装MCP工具才能调用本地浏览器访问比较麻烦。在查看原型操作网页时Trae这边会有绿色边框显示表示Agent正在操作浏览器，另外就是因为这个是在Trae右侧打开的原型网页显示不全，但是不影响Trae识别网页内容（这个原型草图是所有内容平铺的，弹窗、交互逻辑、注意事项打开页面全部可见，没有做交互事件，一来节省时间二来方便AI直接读取网页信息或截图）。

二、生成操作手册

指定需要生成操作手册的原型范围，我这里没有指定输出格式后面给我输出了html网页感觉效果也还行，整个过程花费11分钟。

请你完整读取第4点跨店调拨相关的原型（含下面的子模块），然后输出一份系统操作使用手册，作为系统开发上线后的教程

生成的html内容十分详尽，基本原型上的逻辑功能注意点都罗列出来了，不过要注意的是有些细节在开发过程中产生了变化，但是原型并没有即使更新这还是需要我手动进行微调（AI做完的东西一定要检查）。

每一个业务操作都是纯文字的形式输出操作教程，要多详细有多详细，甚至我觉得有点太细了。

三、把图片补上

上面操作手册确实很详细，但是光看文字那是一个累，必须得配图。最简单的就是直接截图发给Trae然后告诉它放到什么位置，图片最好统一放到某个文件夹下面。

我要修改这个“跨店调拨操作手册.html”这个网页文件，在里面增加配图，后面我会把图片发给你，然后你把图片插入到这个网页文件中我指定的位置！ 注意图片要存放到工作目录的“pic”文件夹下。或者你能不能给我一个可视化编辑html的方案

虽然让它做了可视化插图的功能，但是最后我放弃了让它回退了html版本，因为不管哪种方案都太浪费AI积分了，我还是老老实实打开VS Code自己编辑吧（图片样式倒是可以让Trae帮忙写下）

最后终于完成，整个过程加上配图不到1个小时，如果让我手动写的话估计得一个下午吧。