BI數據看板生成Skill:用對話把 Excel/CSV 變成交互式 HTML 看板

前言

業務側經常把彙總表丟過來,要「做個能點的圖」或「一頁看板」。自己搭 BI 工具要接數據源、配權限;手寫 ECharts 或 Plotly 又要重複寫維度、度量、圖表類型和導出 HTML 的膠水代碼。若你已經在用帶 Skills 的編碼 Agent,可以把「讀表 → 選圖 → 出頁面」收成一條對話流程。下面介紹 SkillHub 上的 BI數據看板生成Skill(@user_60120345/dashboard-gen),面向本地 Excel/CSV,按你指定的維度和度量生成交互式 HTML 看板。

這是什麼

BI數據看板生成Skill 是社區來源(community)的 data-analysis 類 Skill,當前版本 1.0.0,發佈者爲 user_60120345(SkillHub 頁面標註作者爲紫雲墨竹)。標籤 requires_api_key=false,表示按 SkillHub 元數據無需額外 API Key。

定位可以概括爲:用戶上傳 Excel/CSV,說明 維度、度量和圖表類型,由 Agent 按 Skill 指引 自動生成交互式 HTML 數據看板。官方簡介中的典型觸發說法包括:「生成看板」「做個圖表」「出報表」「數據可視化」等。

核心功能

以下能力均來自 SkillHub 官方簡介與頁面說明,未超出已公開描述:

  1. 數據輸入:支持 Excel / CSV 文件(由用戶上傳或在工作區提供)。
  2. 圖表類型:柱狀圖、折線圖、餅圖、散點圖,以及 KPI 卡片 和 數據表格。
  3. 配置方式:在對話中指定 維度、度量、圖表類型,由 Skill 驅動生成邏輯。
  4. 交付物:交互式 HTML 看板(可在瀏覽器中打開查看與交互)。

SkillHub 頁面當前顯示評分 100000,下載 2310 次(統計以頁面爲準,會隨時間變化)。

安裝與啓用

SkillHub 推薦兩種方式:用 CLI 安裝到當前 Agent 的 skills 目錄,或把安裝提示詞發給 AI 讓其按官方安裝文檔執行。

方式一: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

安裝本 Skill 時,必須用 --dir 指向當前 Agent 識別的 skills 目錄;默認裝到 ./skills/ 可能不會被 Agent 加載。官方文檔給出的常見路徑示例:

環境 skills 目錄(示例)
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或項目下 .agents/skills/

安裝命令形如:

skillhub install user_60120345/dashboard-gen --dir ~/.cursor/skills/

將 ~/.cursor/skills/ 換成你實際使用的 Agent 路徑。安裝後按各客戶端要求 重啓或重新加載 Agent,使 Skill 生效。

方式二:讓 AI 按文檔安裝

SkillHub 技能頁提供的提示詞爲:根據 SkillHub 安裝與優先源配置,安裝 @user_60120345/dashboard-gen。在 Cursor 等環境中,把該句發給 Agent 即可走同一套安裝流程。

官方技能頁與 API 入口:

  • SkillHub 頁面:https://www.skillhub.cn/skills/user_60120345/dashboard-gen
  • 官方地址:https://api.skillhub.cn/user_60120345/dashboard-gen

典型用法

資料未給出逐步截圖或固定 Prompt 模板,可復現的流程與官方簡介一致:

  1. 在已啓用該 Skill 的 Agent 中,準備好 Excel 或 CSV(上傳文件或放在當前項目並由 Agent 讀取)。
  2. 用自然語言說明需求,例如:「根據這份銷售表 生成看板」,並寫明 維度(如地區、月份)、度量(如銷售額、訂單量)以及希望的 圖表類型(柱狀圖、折線圖等)。
  3. 讓 Agent 按 Skill 生成 HTML 看板;在本地用瀏覽器打開輸出文件,檢查圖表與表格、KPI 卡片是否符合預期。

若需要表格類展示或單一指標強調,可在同一次對話裏點名 數據表格 或 KPI 卡片,與簡介中的支持類型對齊。

適用場景與注意

適合誰

  • 已有表格數據、希望快速得到 可分享的 HTML 看板,又不想從零寫前端圖表代碼的開發者或分析同學。
  • 已在 Cursor、Claude Code、Codex 等支持 Skills 的環境裏工作,並能接受「對話裏指定維度和度量」的配置方式。

限制與注意

  • 輸入格式以 Excel/CSV 爲主;字段含義、缺失值、表頭是否規範會直接影響生成結果,上傳前宜先整理表結構。
  • Skill 描述的是 生成 HTML 看板,並非替代企業級 BI 平臺的權限、調度與多人協作;複雜 ETL 或實時數倉仍應在數據層處理後再餵給 Skill。
  • 安裝路徑錯誤是常見坑:務必使用 skillhub install ... --dir <正確目錄>,並確認 Agent 已加載該目錄下的 Skill。
  • 評分、下載量等元數據以 SkillHub 頁面爲準;與第三方轉載數據不一致時,以官方頁面爲準。

結尾

BI數據看板生成Skill 把「表格 + 維度/度量/圖表類型」收斂成 Agent 可執行的看板生成任務,輸出交互式 HTML,覆蓋常見圖表、KPI 與表格形態,且無需 API Key。若你要在對話裏完成 數據可視化 或 出報表,可從 SkillHub 安裝 @user_60120345/dashboard-gen:

https://www.skillhub.cn/skills/user_60120345/dashboard-gen

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜