前言¶
項目收尾、週報月報、調研結論，常見交付物仍是 Word 或 Markdown：能寫清內容，但對外展示時要再排版、找模板，或交給設計做一頁式網頁。自己寫 HTML/CSS 成本高，通用 PPT 又容易和「數據看板、流程說明」這類結構錯位。
下面介紹 SkillHub 上的社區 Skill「HTML彙報生成器」：在支持 Skills 的 Agent 裏用自然語言描述材料，由 Skill 約束生成帶主題與動效的單頁 HTML，並可導出 PDF。本文事實來自 SkillHub 公開頁與安裝文檔，安裝與路徑以官方說明爲準。
這是什麼¶
HTML彙報生成器（座標 @user_622dd231/html-report-generator-v2，版本 1.0.1）是 SkillHub community 來源、分類爲 office-efficiency 的技能，發佈者爲 user_622dd231。頁面標註 requires_api_key=false，不依賴額外 API Key。
定位可以概括爲：不寫前端代碼，把項目總結、工作彙報、研究報告、技術文檔、提案、數據看板等內容，生成可瀏覽器打開的精美 HTML 頁面；生成後還可通過內置能力調整配色與樣式，並支持 PDF 導出。
- SkillHub 技能頁：https://www.skillhub.cn/skills/user_622dd231/html-report-generator-v2
- API 座標入口：https://api.skillhub.cn/user_622dd231/html-report-generator-v2
核心功能¶
以下能力均來自 SkillHub 簡介與技能頁描述，不做外延推斷。
| 能力 | 說明 |
|---|---|
| 內容形態 | 面向項目總結、工作彙報、研究報告、技術文檔、提案、數據看板等文本型輸入 |
| 主題與視覺 | 12 種主題；11 種背景動效；9 種鼠標特效；10 種邊框樣式 |
| 交互與排版 | 實時調色器；毛玻璃卡片式佈局 |
| 導出 | 支持 PDF 導出 |
| 生成後編輯 | 生成結果可繼續自由調色 |
官方列出的常見觸發表述包括：項目總結、工作彙報、PPT、生成報告、做個總結、HTML文檔、數據報告、流程文檔、會議紀要、技術文檔、研究報告、數據看板、提案、做個展示頁、幫我做個彙報、文檔生成等。在對話裏用接近上述意圖的表述即可喚起 Skill 所附流程（具體章節結構由 Skill 內 SKILL.md 約束，以你本地安裝後的文件爲準）。
安裝與啓用¶
SkillHub 頁面給出的安裝指引是：按 https://skillhub.cn/install/skillhub.md 安裝 @user_622dd231/html-report-generator-v2。下面是與該文檔一致的可執行步驟摘要。
1、安裝 SkillHub CLI（若尚未安裝）¶
先檢查是否已有 CLI：
command -v skillhub && skillhub --version
未安裝時，可用官方腳本（完整安裝含默認 Skill；僅需 CLI 時加 --cli-only）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安裝本 Skill 到當前 Agent 的 skills 目錄¶
安裝時必須用 --dir 指向當前 Agent 實際讀取的 skills 目錄；默認裝到 ./skills/ 時，部分客戶端不會加載，且通常需要重啓客戶端後生效。
skillhub install @user_622dd231/html-report-generator-v2 --dir <skills 目錄>
常用客戶端 skills 路徑（摘自 SkillHub 安裝文檔）：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或項目下的.agents/skills/ - Windsurf：
~/.codeium/windsurf/skills/或項目下的.windsurf/skills/ - Gemini CLI：
~/.gemini/skills/
在 Cursor 中，示例爲：
skillhub install @user_622dd231/html-report-generator-v2 --dir ~/.cursor/skills/
若你不使用 CLI，也可將 SkillHub 頁面上的安裝提示詞發給 Agent，讓其按同一安裝文檔完成安裝；路徑仍須對齊上述目錄規則。
典型用法¶
經過上面的安裝與重啓（如客戶端要求）後，在 Agent 對話中說明你要做的彙報類型，並附上已有要點或全文。用法上沒有單獨的「命令行子工具」：核心是 自然語言 + 觸發意圖，由 Skill 指導模型產出 HTML 文件。
可復現的對話起點示例（意圖與官方觸發詞一致，內容請換成你的真實材料）：
- 說明任務類型，例如：「幫我做個工作彙報，生成 HTML 文檔。」
- 粘貼或概述結構：本週完成項、風險、下週計劃；或研究報告的摘要、方法、結論。
- 若需要特定觀感，可在同輪對話中提及主題、動效或邊框偏好（Skill 簡介中列有可選數量，具體選項以生成頁內控件或 Skill 指引爲準）。
- 在瀏覽器中打開生成的 HTML 檢查排版；需要歸檔時使用頁面提供的 PDF 導出。
不建議在對話中要求編造未提供的指標或案例；輸入事實越完整，生成頁越接近可直接對外使用的版本。
適用場景與注意¶
更適合誰
- 需要快速把已有文字整理成單頁展示型 HTML 的開發者、項目經理、研究或運營同學。
- 希望減少手寫 CSS、但仍要主題、動效、毛玻璃卡片等「彙報頁」觀感，且接受在 Agent 裏迭代文案與結構的人。
- 環境已支持 Skills，且願意通過 SkillHub 安裝 community 技能的用戶。
限制與注意
- 技能來源爲 community，質量與更新節奏依賴發佈者 user_622dd231；升級可用
skillhub在對應目錄執行更新類操作（以 SkillHub CLI 當前命令爲準）。 - 動效、鼠標特效會抬高頁面複雜度；對內網演示、低配設備或「純閱讀」場景，宜在對話中要求簡化動效或靜態背景。
- 簡介強調「不用寫一行代碼」，指的是你側不必手寫 HTML；仍須在對話中提供準確內容與結構，並自行覈對敏感信息與合規要求。
- SkillHub 頁面展示的下載量、評分等會變動；撰寫時頁面爲評分 100000、下載 4247（以你打開技能頁時爲準）。
結尾¶
HTML彙報生成器把「寫材料」和「做展示頁」合成一步：在 Agent 裏用觸發意圖描述彙報類型，藉助多主題、動效、調色與 PDF 導出，得到可分享的 HTML。若你使用 Cursor 等支持 Skills 的客戶端，可按本文安裝到對應 skills 目錄後試用。
官方技能頁：https://www.skillhub.cn/skills/user_622dd231/html-report-generator-v2
