HTML 是 lifeos 技能，用途是把当前会话刚产出的内容（分析、研究、红队、报告、计划等）渲染成一个自包含、设计精良的 HTML 文件，并作为 Artifact 发布。职责拆分明确：模型只负责把会话输出浓缩成类型化内容 JSON，并挑选用哪种设计风格（register）；布局、字体、颜色等全部由 Tools/Render.ts 决定。
主要能力与用法：通过 /HTML、"HTML artifact"、"render this as HTML" 触发 Render 工作流（Workflows/Render.md）。命令行渲染命令为：bun ~/.claude/skills/HTML/Tools/Render.ts --json content.json --register dossier --out artifact.html；--schema 可打印内容 JSON 结构及示例，--registers 列出可用风格。内置风格有 dossier（深墨绿/橙、压缩展示字体加打字机字体，适合证据文件、红队、调查）和 ledger（深海军蓝/金、旧式衬线，适合报告、财务、计划、对比）；建议交替使用以免连续输出趋同，新增风格应加入 Render.ts 而非手工单独设计。
输出对 Artifact CSP 安全：内联 CSS，字体以数据 URI 从本地字体文件内嵌，零外部请求。执行工作流时该技能还会发送语音通知（curl 调用本机 31337 端口）和文本通知。
限制与注意事项：Artifact 会拦截所有外部请求，Google Fonts 的 link 会静默失败并回退到后备字体，需用 data-URI @font-face 或在系统字体栈上设计；产物查看器会用自己的文档骨架包裹文件，因此只输出 title + style + 正文内容，不要 doctype/html/head/body 标签；已发布 Artifact 仅对拥有者的 claude.ai 账户可见，用其他账户验证会 404，应本地服务该文件截图验证渲染，并通过 Artifact 工具的 list 动作验证发布；DOM 渲染截图管线会丢弃 CSS 伪元素生成内容（计数器、::before 标签），因此 Render.ts 把编号与标签都输出为真实 DOM 文本，不要在风格中加 CSS 计数器；编号章节标记须有实义，列表项除非是真实序列否则不要编号。