HTML 报告生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_cd81d5a2/wenhao 到你的 AI 助手。
技能介绍
它解决什么问题
团队周报、项目进度、月度总结和复盘报告常常散落在文档、表格和会议记录里。直接让模型输出 Markdown 或文本,往往缺少版式、图表和交付物形态;输出带外部依赖的 HTML 又可能在浏览器里打不开、样式漂移,或不符合企业偏好的视觉规范。这个技能把汇报生成约束成一套稳定的单文件流程:输入数据,输出可直接打开、可分享的 HTML 页面。
技能如何工作
它会按固定管线生成报告:
- 识别模板:根据输入判断是周报、项目进度、月度总结还是复盘报告,并参考
references/templates.md的结构逻辑。 - 提取与补齐数据:优先使用用户提供的数据;不足时只追问必填项,可选项用合理默认值填充。
- 生成自包含 HTML:所有 CSS 内联在
<style>标签中,图表用内联 SVG,如柱状图、折线图和sparkline,避免外部 CSS/JS 依赖。 - 约束视觉系统:使用 ivory、oat、clay、olive、sage 等暖色变量,标题使用 serif,正文使用 sans,标签使用 mono,禁止深色背景、蓝色、纯黑、纯红、重阴影和纯无衬线设计。
- 交付文件:生成后保存到 workspace,并上传到云盘返回分享链接;示例模板包括
01-weekly-report.html、02-project-progress.html、03-monthly-summary.html、04-postmortem.html。
适用边界与注意点
它更适合结构化程度较高的汇报场景,尤其是已有数据结论、需要快速形成单页交付物的场景。若内容高度发散、需要复杂交互图表、实时数据源或完整前端应用,这个技能并不直接覆盖。生成时会强调单文件自包含,因此不适合依赖公司登录态、远程字体或外部脚本的内部系统页面。中文字段需要 lang="zh-CN" 和对应字体栈,若素材缺少标题层级或指标口径,输出质量取决于前置数据清洗。
使用场景
- 每周把团队指标和任务状态整理成一份可直接分享的周报 HTML。
- 项目阶段结束前,把进度、风险与里程碑生成单页进度汇报。
- 月度复盘时,将 KPI、归因与行动项排成暖色风格的总结页。
- 事故后写复盘,用内联 SVG 画时间线和影响指标,输出单文件。
适合人员
- 需要把周报数据快速变成可分享单页报告的团队负责人。
- 希望项目进度和风险用固定版式呈现给管理层的产品经理。
- 事故后需要快速交付复盘页面,而不想手动写 HTML 的工程师。
- 负责月度经营汇总、需要把指标图放进自包含 HTML 的分析人员。