将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML,替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度,HTML 能同时承载排版、表格、SVG 等。
elements面板比w3c验证更快定位问题,因其显示浏览器解析后的实时dom,能即时暴露漏闭合、错嵌套等错误,如灰色节点、缩进断裂或孤立元素;而w3c仅校验静态源码,不反映实际渲染结果。

直接用浏览器开发者工具的 Elements 面板看 DOM 结构,比等 W3C 验证结果快得多——多数语法错误(比如漏闭合、错嵌套)会立刻在树形结构里暴露为灰色节点、缩进断裂或被自动包裹的孤立元素。
为什么 Elements 面板比 W3C 验证更快定位问题
W3C 验证器(尤其是 https://validator.w3.org/nu/)严格但滞后:它只校验静态文本,不反映浏览器实际解析行为。而 Elements 面板显示的是 HTML 被解析后的实时 DOM,能一眼看出“浏览器怎么理解你的代码”:
- 未闭合的
<div> 会导致后续所有内容被吞进该节点,DOM 树中表现为异常深的嵌套或突然塌缩 <li> <code><p></p> <div>xxx</div>这类非法嵌套,浏览器会自动拆解并重排,Elements中能看到被插入的额外<p></p>或断开的父子关系 - 自闭合标签写成
<img src="x">(没斜杠)没问题,但写成<div> 后忘写 <code>










