Claude 风格 HTML 汇报生成器

解决什么问题

写周报、项目进度、月度总结或复盘报告时，常见痛点不是内容组织，而是交付形态：粘贴到文档里容易丢失样式，导出 PDF 可能出现字体和图表错位，附带 CSS/JS 又增加依赖。该技能把这类汇报固定为 单文件、自包含 的 HTML 页面，浏览器直接打开即可，适合在云盘、IM 或邮件里分享。

技能如何工作

它会按模板类型组织内容，并遵循一套明确的设计约束：

• 暖色排版：使用 ivory 背景与 oat/clay/olive/sage 配色，禁止深色背景、蓝色、纯黑和纯红。
• 字体混排：标题使用 serif，正文使用 sans，标签或数据强调可使用 mono。
• 内联图表：柱状图、折线图和 sparkline 以 SVG 直接嵌入，不依赖外部 JS。
• 模板参考：内置周报、项目进度、月度总结、复盘报告等示例，帮助生成结构一致的文件。

流程上，技能先识别汇报类型，再提取用户数据；若缺少必填信息，只追问必要字段，可选项使用合理默认值。随后读取设计系统生成 HTML，保存文件并返回分享链接。适合用于内部同步、进度说明、复盘材料等“一次生成、多次查看”的场景。

适用边界

它更适合视觉稳定、结构明确的汇报文件，不太适合复杂交互式仪表盘、实时数据更新或需要后端鉴权的系统页面。生成结果仍应检查关键数字、时间线和责任结论是否与原始资料一致。