build-dashboard skill 是什麼、怎麼安裝使用：讓 Claude 生成一個雙擊就能打開的 HTML 數據看板

本文根據 anthropics/knowledge-work-plugins 倉庫裏該技能的 SKILL.md 與倉庫 README 整理，資料核對於 2026-10-11。所在倉庫 anthropics/knowledge-work-plugins 在 GitHub 約 2.9 萬 Star（同日數據）。技能內容會隨倉庫更新，以倉庫為準。

這個 Skill 做什麼

想給老闆或團隊看一組數據，搭 BI 工具太重，截圖貼表格又太糙。build-dashboard 走中間路線：讓 Claude 直接寫出一個 HTML 文件，瀏覽器打開就是帶篩選的交互看板。description：構建帶圖表、篩選器和表格的交互式 HTML 看板；在做帶指標卡的管理層概覽、把查詢結果變成可分享的自包含報告、做團隊監控快照，或需要在一個可用瀏覽器打開的文件裏放多張帶篩選的圖表時使用。SKILL.md 強調成品不需要伺服器，也不需要安裝依賴。

工作流：

1. 弄清需求：用途（管理層概覽、運營監控、深入分析、團隊彙報）、受眾、最重要的指標、要按哪些維度篩選、數據從哪來。
2. 準備數據：連接了數據倉庫就查詢後把結果內嵌進 HTML；數據是粘貼或上載的，就先解析清洗再內嵌；只有描述沒有數據時，生成一份符合結構的示例數據，並在看板上註明是示例，同時說明如何換成真實數據。
3. 設計佈局：頂部二到四張指標卡放關鍵數字，中間一到三張圖表展示趨勢和構成，底部可選一張明細表，篩選器視複雜度放在頁頭或側欄。
4. 生成 HTML：單個自包含文件。
5. 實現各類圖表：統一使用 Chart.js，各種圖表類型有對應的寫法。

這份 SKILL.md 有兩萬五千多字符，後面相當篇幅在講性能：數據量大時先做預聚合，以及圖表和頁面元素的性能注意點；最後是示例和提示。

怎麼安裝

build-dashboard 屬於 anthropics/knowledge-work-plugins 的 data 插件，隨插件一起安裝。Claude Code 裏（命令來自倉庫 README）：

bash
claude plugin marketplace add anthropics/knowledge-work-plugins
claude plugin install data@knowledge-work-plugins

Claude Cowork 用戶在 claude.com/plugins 頁面安裝同名插件。裝好後技能會在相關場景自動觸發，也可以用斜槓命令 /data:build-dashboard 手動調用。

倉庫整體介紹和其他安裝方式，詳見本站《knowledge-work-plugins 是什麼、怎麼安裝：Anthropic 開源的 11 個崗位插件（銷售 / 法務 / 財務 / 數據）》。

怎麼用

• 「/build-dashboard 用這份 CSV 做一個銷售概覽，按地區和月份篩選」。
• 「把剛才那條查詢的結果做成看板，頂部放收入、訂單數、客單價三張卡」。
• 「先用示例數據做一版讓我看佈局，結構是：日期、渠道、花費、轉化數」。

適合誰 / 侷限

適合數據分析師、運營和需要快速出一版可交互彙報材料的人。侷限：數據是內嵌的靜態快照，不會自動刷新，要更新就重新生成；數據量很大時文件會變重，所以技能要求先聚合；它是一次性產物，替代不了需要權限管理和定時更新的正式 BI 系統。

注意事項

• 許可：Apache-2.0。
• 圖表庫從公共 CDN 加載：生成的頁面引用 jsDelivr 上的 Chart.js，打開時需要能訪問該 CDN；內網或離線環境要讓它改成本地引用。
• 數據明文寫在文件裏：把 HTML 發給別人等於把底層數據一起發出去，分享前確認裏面沒有不該外傳的明細。
• 用示例數據生成的看板會帶標註，替換成真實數據後記得去掉並核對數字。