HTML 精美报告生成器

要解决什么问题

工程师和写作者手里常有半成品内容：长文笔记、会议纪要、零散数据或想法。它们逻辑上能成篇，却缺少适合分享或汇报的可视化载体。自己从零写 HTML，既要搭版式又要做滚动动效和响应式，成本很高；纯 Markdown 或 Word 又很难做出「可直接发布」的观感。

本技能把「读懂内容 → 选风格 → 填模板 → 验排版」收成一条固定流水线，输出单文件、内联 CSS/JS 的 HTML，可本地预览、静态托管或打印 PDF。

技能如何工作

开工作业前只问一轮：用表单确认风格（六选一）、用途/受众、长度偏好；用户已说明或说「你看着办」时，按规则推断，不反复追问。

先拆解再生成：从输入里提取标题、核心观点、关键数字、时间线、对比维度等；不编造用户未提供的 metrics。默认输出语言为简体中文（结构性文案不出现日文，除非原文本身含日文）。

六套预置模板（只读 assets/templates/，不另起炉灶）：日式杂志、动漫、科技、炫酷、孟菲斯、新丑。替换文本与占位时保留模板的 reveal 动效、字体与配色变量；长日期/编号列用 minmax + white-space: nowrap 等规则，避免 grid 错位。

配图：优先用用户提供的图；缺失时可调用生图工具，并按 HTML 容器做裁切与风格统一。

适用边界

• 适合：「做成网页」「HTML 报告」「可视化/排版/美化展示」，或点名某套风格。
• 不适合：只要 Markdown/Word 排版、纯代码页、或生成图片/视频。
• 每份报告必须是六套模板之一的衍生品；生成后需在浏览器中验证动效、移动端与占位符是否清零。