前言¶
数据分析跑完后，常见交付物仍是表格、截图或静态 PDF。要在浏览器里直接浏览、切换视图，还要兼顾图表交互和不同屏幕宽度，往往需要再写一套前端或套模板。若分析链路已经在 Agent 里用 Skill 完成，多一步「把已有分析数据变成网页」会更顺。
下面介绍 SkillHub 社区 Skill byteplan-html（坐标 @user_801e2aaa/byteplan-html，当前版本 1.0.3）：在已有分析数据基础上生成网页报告，并可选传统长页或 PPT 式幻灯片两种形态。
这是什么¶
byteplan-html 是发布者 user_801e2aaa 在 SkillHub 上架的社区 Skill，分类为 data-analysis。官方说明其职责是：根据已有的分析数据生成网页报告。
它与同系列的 byteplan-analysis 分工明确：先用 byteplan-analysis 完成数据分析，再使用 byteplan-html 做报告呈现。标签 requires_api_key=false，表示按 SkillHub 页面标注，安装使用该 Skill 不要求配置 API Key。
SkillHub 页面：https://www.skillhub.cn/skills/user_801e2aaa/byteplan-html
API 条目：https://api.skillhub.cn/user_801e2aaa/byteplan-html
核心功能¶
以下能力均来自 SkillHub 上的官方简介，未在资料中出现的细节不展开。
-
两种报告模式
- 传统网页报告：滚动式长页阅读。
- PPT 风格演示报告：幻灯片切换，适合汇报场景。 -
页面能力
- 交互式图表。
- 响应式布局。
- 键盘导航（便于演示或无障碍操作）。 -
前置依赖
- 输入是「已有的分析数据」，需先通过 byteplan-analysis skill 完成分析，再调用本 Skill 生成 HTML 报告。
安装与启用¶
SkillHub 提供的安装方式有两类：用 CLI 装到当前 Agent 的 skills 目录，或把提示词发给 AI 按安装文档操作。
通过 SkillHub CLI¶
先确认本机是否已有 skillhub（安装方法见 SkillHub 安装与优先源配置）。安装本 Skill 时，必须用 --dir 指向当前 Agent 识别的 skills 目录，否则默认会装到 ./skills/，Agent 可能读不到。
在 Cursor 中，skills 目录一般为：
skillhub install @user_801e2aaa/byteplan-html --dir ~/.cursor/skills/
在 Claude Code 中，常见路径为：
skillhub install @user_801e2aaa/byteplan-html --dir ~/.claude/skills/
在 Codex 中，可使用用户级或项目级目录（以你当前环境为准）：
skillhub install @user_801e2aaa/byteplan-html --dir ~/.codex/skills/
装好后按你所用 Agent 的惯例重启或刷新 Skill 列表，使新 Skill 生效。
通过对话安装¶
SkillHub 页面给出的提示为：请根据 https://skillhub.cn/install/skillhub.md，安装 @user_801e2aaa/byteplan-html。把上述坐标与安装文档交给 Agent，由其在正确目录完成安装即可。
典型用法¶
资料中未附带完整 SKILL.md 示例命令，可复现的流程可按官方分工理解：
- 在对话中启用或调用 byteplan-analysis，对数据源完成分析，得到结构化分析结果。
- 在同一工作流中调用 byteplan-html，说明需要「传统滚动报告」或「PPT 风格演示报告」。
- 由 Agent 按 Skill 约定生成 HTML；在浏览器中打开即可使用交互图表、响应式布局与键盘导航（具体按键与文件输出路径以 Skill 包内说明为准，当前公开页面未列出）。
若你已安装 Skill 包，以包内 SKILL.md 的步骤与约束为准。
适用场景与注意¶
适合谁
- 已在用 byteplan-analysis 做数据分析，希望少写前端、直接把结果变成可分享网页的人。
- 需要同一套分析结果，既能长文阅读又能幻灯片演示的团队。
限制与注意
- 本 Skill 不负责从零分析数据；没有 byteplan-analysis 产出时，无法按设计使用。
- 社区来源（community），版本 1.0.3；升级与变更以 SkillHub 页面为准。
- SkillHub 统计（以抓取资料为准）：评分 100000，下载 628，安装 13；与页面展示可能随时间变化，引用时以官网为准。
结尾¶
byteplan-html 把「分析已完成」和「报告可演示」接在一起：两种版式、交互图表与响应式布局，且无需 API Key。完整说明与安装入口见 SkillHub：
https://www.skillhub.cn/skills/user_801e2aaa/byteplan-html
