用TRAE SOLO模式开发网页转Markdown浏览器插件的经验
实战案例：用 SOLO Coder 打造一个“网页转 Markdown”浏览器插件
除了做网站，我日常写的小工具就是浏览器插件。这几天我尝试用 TRAE SOLO 模式写了一个把网页内容抓取成 Markdown 的小插件，就很方便。
我在使用 TRAE 这种 Coding Agent 写浏览器插件时也积累了一些经验技巧：
- 使用框架： 最好使用 wxt 这样专门为浏览器插件打造的框架，可以节约很多从头搭建的时间。
- 从 Example 开始： 不要直接让 Agent 从头创建，因为 Agent 的训练时间相对比较早，很多库更新又很频繁。这个 WXT + React + Tailwind + Shadcn 的项目就很合适：https://t.co/RF9Q0SAZlH
- 先 Plan 后执行： 我习惯了先让SOLO帮我计划再执行，不要着急让 Agent 直接动手写代码。
- 人工反馈： 因为像浏览器插件 Agent 不能直接帮你访问调试，所以需要你自己测试，并且把错误结果粘贴给 Agent。
这是我当初实现时用到的提示词，有兴趣你也可以试试：
--- 提示词开始 ---
请帮我实现一个浏览器插件，点开后，可以抓取当前网页的：标题、链接、网页内容为Markdown，参考截图（注：配图2）。
- 最大尺寸400x600
- TItle 最多显示一行（超长的显示省略号）
- Properties 内的 Meta 信息最多显示为1行（超长的显示省略号）
- 显示网页内容Markdown部分撑满剩余空间，内容太长可以滚动
- 下面有个复制按钮，点击后可以复制为完整Markdown内容（title+content+source url)
- 注意确保插件有正确的网页访问权限，能访问到网页内容
技术栈：
- wxt：插件框架
- Tailwindcss + shadcn ui: UI
- 请直接下载这个示例项目 （https://t.co/RF9Q0SAZlH） 开始，注意是 wxt-dev/examples/tree/main/examples/react-shadcn 这个目录下的完整内容，不需要其他无关内容
--- 提示词结束 ---
有了 SOLO 正式版之后，我把这个提示词用 SOLO Coder 重新做了一遍，遇到的错误明显少了，生成速度也快了一些。
打开 Plan 模式后，它会先制定计划，最好人工 Review 一下计划有没有问题，没问题再开始执行。
第一次可能会失败，把结果发回去让它修复。大概需要反复迭代几次，就可以得到结果了。
如果完成后你不知道怎么用，还可以问 Agent 该怎么发布、使用，或者干脆让它写成文档。
这个用 TRAE SOLO 模式打造的小项目已经发布到了 GitHub： https://t.co/pQQw68Fa0g https://t.co/ExSxYtRZN8
除了做网站，我日常写的小工具就是浏览器插件。这几天我尝试用 TRAE SOLO 模式写了一个把网页内容抓取成 Markdown 的小插件，就很方便。
我在使用 TRAE 这种 Coding Agent 写浏览器插件时也积累了一些经验技巧：
- 使用框架： 最好使用 wxt 这样专门为浏览器插件打造的框架，可以节约很多从头搭建的时间。
- 从 Example 开始： 不要直接让 Agent 从头创建，因为 Agent 的训练时间相对比较早，很多库更新又很频繁。这个 WXT + React + Tailwind + Shadcn 的项目就很合适：https://t.co/RF9Q0SAZlH
- 先 Plan 后执行： 我习惯了先让SOLO帮我计划再执行，不要着急让 Agent 直接动手写代码。
- 人工反馈： 因为像浏览器插件 Agent 不能直接帮你访问调试，所以需要你自己测试，并且把错误结果粘贴给 Agent。
这是我当初实现时用到的提示词，有兴趣你也可以试试：
--- 提示词开始 ---
请帮我实现一个浏览器插件，点开后，可以抓取当前网页的：标题、链接、网页内容为Markdown，参考截图（注：配图2）。
- 最大尺寸400x600
- TItle 最多显示一行（超长的显示省略号）
- Properties 内的 Meta 信息最多显示为1行（超长的显示省略号）
- 显示网页内容Markdown部分撑满剩余空间，内容太长可以滚动
- 下面有个复制按钮，点击后可以复制为完整Markdown内容（title+content+source url)
- 注意确保插件有正确的网页访问权限，能访问到网页内容
技术栈：
- wxt：插件框架
- Tailwindcss + shadcn ui: UI
- 请直接下载这个示例项目 （https://t.co/RF9Q0SAZlH） 开始，注意是 wxt-dev/examples/tree/main/examples/react-shadcn 这个目录下的完整内容，不需要其他无关内容
--- 提示词结束 ---
有了 SOLO 正式版之后，我把这个提示词用 SOLO Coder 重新做了一遍，遇到的错误明显少了，生成速度也快了一些。
打开 Plan 模式后，它会先制定计划，最好人工 Review 一下计划有没有问题，没问题再开始执行。
第一次可能会失败，把结果发回去让它修复。大概需要反复迭代几次，就可以得到结果了。
如果完成后你不知道怎么用，还可以问 Agent 该怎么发布、使用，或者干脆让它写成文档。
这个用 TRAE SOLO 模式打造的小项目已经发布到了 GitHub： https://t.co/pQQw68Fa0g https://t.co/ExSxYtRZN8