前言¶
做數據分析時，常見流程是：先讀 CSV 或數據庫結果，再手動選圖表類型，最後用 Python（matplotlib、Plotly）或 BI 工具出圖。圖表選錯、樣式不統一、交付物只是靜態 PNG 的情況很常見。若希望 Agent 根據數據特徵自動推薦圖表組合，並直接生成交互式 HTML 儀表板，可以把「畫圖 + 排版 + 導出」交給專門的 Skill，而不是在對話裏反覆描述繪圖細節。
下面介紹 SkillHub 上的 智能數據可視化（座標 @user_af28adda/generate-chart），以及如何在 Cursor 等環境中安裝與使用。
這是什麼¶
智能數據可視化 是 SkillHub 社區 Skill（發佈者 user_af28adda，分類 data-analysis，當前版本 1.0.0）。頁面標註 requires_api_key=false，安裝後一般不需要額外配置第三方 API Key。
一句話定位：面向 AI 輔助的數據可視化——根據數據特徵分析並推薦合適的圖表組合，輸出 交互式 HTML 儀表板。
- 官方 Skill 頁：https://www.skillhub.cn/skills/user_af28adda/generate-chart
- 安裝線索地址：https://api.skillhub.cn/user_af28adda/generate-chart
核心功能¶
以下能力均來自 SkillHub 頁面簡介，未在資料中出現的細節不作延伸。
- 多類圖表：柱狀圖、折線圖、餅圖、散點圖、直方圖、箱線圖、小提琴圖、面積圖、熱力圖、平行座標圖、旭日圖等。
- 自動分析與推薦：根據數據特徵分析，並推薦較合適的圖表組合（具體推薦邏輯以 Skill 內說明爲準）。
- 交付形態：生成 交互式 HTML 儀表板，便於在瀏覽器中查看與交互，而非僅輸出靜態圖片。
SkillHub 統計（以腳本抓取頁面爲準，隨平臺更新可能變化）：評分 100000，下載 62112，安裝 160。
安裝與啓用¶
SkillHub 官方安裝說明見 https://skillhub.cn/install/skillhub.md。下面按「先 CLI、再裝 Skill、再指向 Agent 目錄」的順序說明。
1. 檢查或安裝 SkillHub CLI¶
command -v skillhub && skillhub --version
若未安裝，可使用完整安裝（CLI + 默認 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
僅需 CLI 時：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2. 安裝本 Skill¶
安裝時必須用 --dir 指向 當前 Agent 實際使用的 skills 目錄，否則默認會裝到 ./skills/，Agent 可能無法加載。
skillhub install @user_af28adda/generate-chart --dir <你的 skills 目錄>
常見客戶端路徑（摘自 SkillHub 安裝文檔）：
| 環境 | skills 目錄 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或項目下 .agents/skills/ |
| Windsurf | ~/.codeium/windsurf/skills/ 或 .windsurf/skills/ |
在 Cursor 中，示例爲：
skillhub install @user_af28adda/generate-chart --dir ~/.cursor/skills/
3. 通過對話讓 AI 安裝（可選）¶
SkillHub 頁面也提供提示詞方式：讓 AI 根據 skillhub.md 安裝 @user_af28adda/generate-chart。效果與上述 CLI 安裝一致，關鍵是最終 Skill 文件落在正確的 skills 目錄。
安裝或更新 Skill 後，按你使用的 Agent 要求 重啓或刷新會話，以便加載新 Skill。
典型用法¶
公開資料未提供單獨的 SKILL.md 正文示例；用法應圍繞簡介中的能力來理解。
- 準備數據：在對話中提供表格數據（如 CSV 片段、查詢結果、字段說明），或說明數據來源與希望回答的分析問題。
- 觸發 Skill：在已啓用該 Skill 的 Agent 會話中，明確要做「數據可視化 / 生成圖表儀表板」類任務，由 Skill 指導模型完成分析與出圖。
- 查看結果：預期產出爲 交互式 HTML 儀表板；在 Agent 寫入工作區後，用瀏覽器打開對應 HTML 文件查看交互效果。
若 Skill 內還有更細的觸發詞、輸出路徑或依賴（如 Python 庫），以安裝到本地的 Skill 文檔爲準；在線頁面未列出部分不在此臆測。
適用場景與注意¶
適合：
- 探索性數據分析（EDA），需要快速嘗試多種圖表類型。
- 需要把分析結果以 可交互 HTML 形式交付，而不是單張靜態圖。
- 希望減少「選哪種圖、怎麼組合」的手動決策，交給 Skill 與模型根據數據特徵推薦。
注意：
- 數據量過大或字段含義不清時，推薦圖表可能偏離預期，需要你在對話中補充業務語義或抽樣數據。
- HTML 儀表板依賴本地或部署環境的瀏覽器打開；若項目有安全策略，注意勿將敏感數據寫入可被公開訪問的路徑。
- 社區 Skill（
source: community），行爲與維護節奏以發佈者與 SkillHub 版本爲準；使用前可在 SkillHub 頁覈對版本 1.0.0 與更新說明。
結尾¶
智能數據可視化 把「選圖、組合、生成交互式 HTML 儀表板」封裝成 Agent Skill，適合在 Cursor、Claude Code、Codex 等支持 Skill 的環境裏，用 @user_af28adda/generate-chart 處理表格類數據。安裝與目錄配置以 SkillHub 官方文檔爲準；功能與統計以 SkillHub 技能頁爲準。
