用途:把某个概念、系统、变更或决策整理成一个自包含、响应式的 HTML 页面,用文字、示例和图示讲清楚。
主要能力:先阅读相关资料,确定受众、核心观点、组成、顺序、决策与权衡,区分已验证事实与假设,不编造缺失行为;选择适合用图示表达的关系;以结论先行、少量分节的方式组织内容,使用具体标题,先定义术语,尽量采用真实名称、路径、命令、接口、状态与观察到的行为;仅在资料支持时加入前后对比、流程、比较、层级或状态变化。
使用方式:默认创建一个自包含 HTML 文件;使用语义化 HTML、内联 CSS 和内联 SVG,除非项目已有或用户要求,否则避免运行时依赖。配色、字体和布局应贴合主题,不要套用固定的调色板、字体或模板。采用响应式字号与间距,移动端区块自然增长。流程、关系、状态与架构用 SVG;比较、时间线、卡片与标注示例用 HTML 和 CSS。三个以上组件时分阶段绘制,每次重绘上一状态并增加一个组件。仅在能起到教学作用时添加交互,控件需键盘可访问,有意义的图形需提供文本等价物。
验证与限制:需在真实浏览器或渲染器中以桌面和窄屏移动端宽度检查,确认无文字裁切、重叠或溢出,类型与图示标签可读,焦点状态可见、控件可键盘操作,对比度足够,动画有减少动效行为,无控制台错误或资源加载失败,且每条事实均有来源支持。若没有浏览器或渲染器,应说明未验证布局。返回产物链接并简要注明来源与已检查宽度。资料未提供具体安装命令、收费信息或平台限制。