图文报告生成器
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_0bc68e7a/graphic-report-generator。
技能介绍
要解决什么问题
PRD、客户问题记录、需求说明往往堆在 Markdown 或文档里，直接转发可读性差；若每次手写 HTML，又容易出现配色、组件和目录各写一套的情况。本技能把「图文并茂的客户/问题解读报告」收成固定流程：统一 UI、统一落盘路径，方便预览和归档。
技能如何工作
触发后按四步执行：理解内容（梳理知识点、问题与方案）→ 规划视觉组件（从模板内置的 flow、purpose-grid、timeline-vis、field-table 等选用）→ 编写 HTML（必须从 assets/ui-template.html 读取完整 <style>，正文填入 <body>，保留模板样式块）→ 保存与预览。
模板约束：白/暗双主题，右上角 ☀️/🌙 切换；主色 #1a56db、浅灰背景 #f8fafc，禁止自创霓虹或偏离模板的暗色系。
输出路径（技能内为硬编码）：生成文件需同步写到本地 WorkBuddy/Claw/<name>.html 与知识库目录 客户问题解读报告/<name>.html，用 preview_url 打开本地文件预览，并在当日 memory 文件中记一笔。
命名：文件名英文短横线（如 argo-ocpp-integration-report.html）；Hero 标题中文；标签为简短短语。
适用边界
- 面向「整理成可视化 HTML 报告/知识手册」，不是通用 PPT 或任意前端项目脚手架。
- 路径指向特定 macOS 工作目录；换机器或目录需改技能内配置，不能假设自动适配。
- 新增组件应复用模板已有 CSS 模式，而非另起一套设计系统。
使用场景
- 收到 PRD 或问题记录后，需按统一版式生成带流程图、字段表的可预览 HTML 解读稿
- 集成测试或现场问题复盘时，要把架构流向、时间轴和注意事项整理成可发给客户的图文报告
- 内部要把多章节技术说明（规则、JSON 示例、对比卡片）做成可切换明暗主题的单页手册
- 完成解读文档后需同时落到本地 WorkBuddy 预览路径与「客户问题解读报告」知识库目录备查
适合人员
- 对接客户的技术支持或解决方案工程师，常要把工单与日志整理成标准化图文解读
- 负责交付说明的产品或项目经理，需要把需求与问题点可视化后放进固定知识库目录
- 使用 WorkBuddy/Claw 工作流维护内部文档的同学，希望 HTML 命名与 memory 记录一致
- 写集成、协议或字段说明的工程师，依赖模板里的 field-table 与 json-example 组件表达结构
相关技能
面向中文的 AI 文案去痕技能：五条编辑原则 + 模块化模式库，支持轻/中/重改写与仅诊断扫描。
九步打造公众号爆文：HKR 选题、标题公式、情绪曲线、结构模板、活人感文风、四层自检，以及算法与数据复盘。
按 E-E-A-T-F-R-A 七段式与六类知识模板，生成面向 AI 搜索采信的知识型 GEO 内容。
将带时间轴的直播转写与成交目标转为候选切片清单、起止时间与入选理由，按问题—解释—证据—行动闭环筛选高价值片段。