为 AI Agent 设计的报告生成与站点部署技能 · 1.5.2
Mermaid 绘制流程图、ECharts 渲染复杂数据可视化、Chart.js 生成轻量图表。三引擎自动缩放限高，点击任意图表即可放大查看细节。
点击图表弹出全屏弹层，支持滚轮缩放、鼠标和触屏拖拽、工具栏快速放大/缩小/重置。Mermaid SVG 自动修复 transform，高度自适应。
部署前自动检测 div 标签平衡、确保单框架结构、禁止手写 footer、验证 script 位置。不合格页面拒绝部署，保障线上质量。
底色层级配色、SVG 图标体系、响应式栅格布局。mermaid-wrap 等比缩放、chart-box 放大镜按钮自动注入，视觉体验全面升级。
根据页面标题自动生成侧栏目录导航，支持移动端收起展开。顶部滚动进度条实时显示阅读位置，长文档阅读体验流畅。
本地报告、远程 Cloudflare Pages、技能 CF 发布、ClawHub 发布——四个独立目标统一管理，一套配置覆盖所有场景。
技能支持两种安装渠道：
通过 ClawHub CLI 安装，自动管理版本和安全扫描。升级使用 clawhub update report-expert。
复制以下内容发送给 OpenClaw 即可自动安装。包含 upgrade.py 自更新脚本，升级时运行 python3 upgrade.py。
Agent 会读取 manifest.json 获取文件清单，自动下载到 skills/ 目录并生效。
在 Agent 工作区的 TOOLS.md 中添加配置。技能有四个独立部署目标：
| 配置组 | 变量 | 说明 | 示例 |
|---|---|---|---|
| 本地报告 | REPORT_LOCAL_DIR | 本地站点根目录 | /home/user/my-site |
REPORT_LOCAL_URL | 站点访问地址 | https://example.com | |
REPORT_SITE_NAME | 站点显示名称 | 我的报告站 | |
| 远程报告 | REPORT_CF_PROJECT | 报告站 CF Pages 项目名 | my-reports |
| 技能 CF | SKILL_CF_PROJECT | 技能站 CF Pages 项目名 | report-expert-skill |
| 技能 ClawHub | SKILL_CLAWHUB_SLUG | ClawHub 技能标识 | report-expert |
SKILL_CLAWHUB_NAME | ClawHub 显示名 | 报告专家 | |
| 通用 | CLOUDFLARE_API_TOKEN | CF API Token（CF 操作需要） | cfut_xxx |
文件直接写入本地目录，适合自建站点。复制以下配置粘贴到 TOOLS.md：
报告部署到 Cloudflare Pages。需要先创建 CF Pages 项目并获取 API Token：
将 cfut_你的Token 替换为实际 Token 值。
同时启用本地报告、远程报告、技能 CF 发布和 ClawHub 发布：
以下所有操作均通过自然语言对话完成，Agent 会自动调用技能执行。
Agent 自动调研、生成内容、转为 HTML、部署到站点并更新索引。你只需描述需求，整个流程自动完成。
支持直接部署 HTML 文件，或将 Markdown 自动转换后部署。可选择分类、指定标题和描述。
扫描全站页面，提取标题、日期、描述等信息，自动识别分类并重建完整索引。
将独立部署的页面（游戏、工具等）添加到站点索引，支持站内 iframe 内嵌查看。
支持发布技能到 Cloudflare Pages（预览+生产）和 ClawHub。每次自动更新版本号、文件哈希和介绍页。
点击展开查看工作流程
内置专业配色方案、SVG 图标体系、响应式栅格布局。v6.1 新增 mermaid-wrap 等比缩放、chart-box 放大镜按钮自动注入。生成的报告页面视觉统一，无需额外样式调整。
三大图表引擎协同工作：Mermaid 绘制流程图和时序图，ECharts 渲染复杂交互式数据可视化，Chart.js 生成轻量级图表。所有图表自动缩放限高 80vh，点击即可放大查看。
任意图表点击即弹出全屏弹层，支持滚轮缩放、鼠标和触屏拖拽平移、工具栏快速放大/缩小/重置。Mermaid SVG 自动修复 transform 和高度自适应。
接受 Markdown 或 HTML 输入，自动提取内容并套用模板生成完整页面，包含大纲导航、滚动进度等交互组件。
自动扫描站点下所有页面，提取标题、日期、描述、分类等信息，重建索引数据并刷新首页。
外部页面可在站内通过 iframe 打开查看，保持导航体验一致。支持 hash 路由和 postMessage 通信。
四个独立部署目标，统一配置管理。报告可部署到本地目录或 Cloudflare Pages，技能可发布到 CF Pages 或 ClawHub。
支持两种升级方式和多个发布目标。ClawHub 渠道使用 clawhub update 升级，CF Pages 渠道使用内置 upgrade.py 升级。发布到 CF Pages（预览+生产）和 ClawHub 时自动更新版本号、文件哈希和介绍页。
分类不是固定枚举，而是通过扫描页面内容自动识别。Agent 读取每个页面的 HTML，根据标题和正文语义判断所属分类，该分类决定页面在索引首页中归入哪个分组。
内置分类标识：