用途：把信息密集、读者要费力扫读的内容做成结构化、可读的自包含 HTML，产物是单个双击即开的 .html 文件；一句话能说清的内容仍回 Markdown。适用对象为调研报告、对比矩阵、清单、数据看板、决策页等。
主要能力：提供 10 个组件——metric-card（2-4 个关键指标并排）、comparison-table（多方案横向对比）、data-table（结构化数据罗列）、timeline（时间线/里程碑/路线图）、checklist（步骤/SOP/检查项）、quote-card（判断/原话/金句）、code-block（代码/命令/配置）、details（零 JS 长内容折叠）、badge（状态标签）、columns（多视角并置）。源码在 assets/components/，骨架在 assets/skeleton.html，token 在 assets/tokens.css，完整效果见 assets/demo-all.html。
使用方式：先识别信息形态，从清单挑 2-5 个最配的组件；复制 assets/skeleton.html，把 tokens.css 完整内容粘进顶部 <style>（替换 @import）；填入数据 > 形容词，不留占位符，缺数据标 [数据待补：说明]；输出单个 .html。
视觉契约：背景暖纸 #F5F4ED，主行动色暖陶 #B85235，结构色墨蓝 #1B365D，正文链接用 --accent-text（#A04A2E），--human（#C96442）只做装饰或 ≥22px 大字；字体靠 fallback，不嵌入字体文件。禁止：占位符残留、编造数据、弱表格、渐变/玻璃拟态/霓虹/强阴影、做成营销落地页。需 PDF/简历/PPT/落地页/白皮书用 kami，需视频/动画/字幕/转场用 hyperframes。具体安装命令与平台限制资料未提供。