html-express 用于在纯 Markdown 难以快速浏览密集信息时,生成单个自包含的 .html 文件,用户可本地打开、分享或归档,无需构建步骤。
用途:适合研究报告、可视化摘要、对比矩阵、仪表盘、清单、时间线、决策页等信息密度高的内容;简短回答或小列表仍用 Markdown;生产级 PDF、简历、幻灯片、落地页、视频、动画、部署等应使用对应专用工具。
主要能力:提供可复用组件库,位于 assets/components/,包括 metric-card(关键数字与状态指标)、comparison-table(并排比较选项)、data-table(结构化数据列表)、timeline(里程碑与路线图)、checklist(步骤、SOP、就绪检查)、quote-card(判断、引用或重点结论)、code-block(命令、配置、代码片段)、details(默认折叠长内容)、badge(状态标签)、columns(并行视图或分组想法)。另提供 assets/skeleton.html、assets/tokens.css、assets/demo-all.html。
使用方式:先识别信息形态(对比、指标、时间线、清单、引用、代码或决策),从 assets/components/ 选 2-5 个合适组件,从 assets/skeleton.html 开始,将 assets/tokens.css 完整内联到顶部 <style> 块,确保最终文件无外部依赖;填入真实内容,缺失数据显式标记为 [data needed: reason];保存为一个 .html 文件,并尽可能本地打开验证布局与可读性。
设计约定:默认视觉系统为 Warm Paper,暖纸背景而非纯白、克制的陶土色强调、信任蓝分区结构、可读的衬线正文与无衬线 UI 标签、极简阴影与 8px 风格卡片圆角,避免重渐变、霓虹、玻璃拟态或装饰噪音。可替换 tokens.css 为其他品牌系统,但保留组件类与自包含输出规则。
输出规则:除非用户另有要求,只生成一个自包含 .html 文件;CSS 内联;不引用本机路径;不编造指标、统计、引用或出处;最终面向用户内容不留 TODO、TBD、Lorem 或占位括号;移动端保持可读;优先使用 <details> 等原生 HTML 特性再考虑 JavaScript。最终回复需包含生成文件路径、所用信息结构、显式标记的缺失数据,以及是否已在本地验证 HTML。
限制:资料未提供安装命令、收费、价格、平台支持或效果保证等信息。