什麼是 interactive-dashboard-builder?
使用 Chart.js、下拉過濾器和專業樣式建立獨立的互動式 HTML 儀表板。在建立儀表板、建立互動式報告或產生可共享的 HTML 檔案(其中包含無需伺服器即可運作的圖表和篩選器)時使用。 來源:anthropics/knowledge-work-plugins。
使用 Chart.js、下拉過濾器和專業樣式建立獨立的互動式 HTML 儀表板。在建立儀表板、建立互動式報告或產生可共享的 HTML 檔案(其中包含無需伺服器即可運作的圖表和篩選器)時使用。
透過命令列快速安裝 interactive-dashboard-builder AI 技能到你的開發環境
來源:anthropics/knowledge-work-plugins。
Patterns and techniques for building self-contained HTML/JS dashboards with Chart.js, filters, interactivity, and professional styling.
| <1,000 rows | Embed directly in HTML. Full interactivity. | | 1,000 - 10,000 rows | Embed in HTML. May need to pre-aggregate for charts. | | 10,000 - 100,000 rows | Pre-aggregate server-side. Embed only aggregated data. | | >100,000 rows | Not suitable for client-side dashboard. Use a BI tool or paginate. |
Instead of embedding raw data and aggregating in the browser:
使用 Chart.js、下拉過濾器和專業樣式建立獨立的互動式 HTML 儀表板。在建立儀表板、建立互動式報告或產生可共享的 HTML 檔案(其中包含無需伺服器即可運作的圖表和篩選器)時使用。 來源:anthropics/knowledge-work-plugins。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builder使用 Chart.js、下拉過濾器和專業樣式建立獨立的互動式 HTML 儀表板。在建立儀表板、建立互動式報告或產生可共享的 HTML 檔案(其中包含無需伺服器即可運作的圖表和篩選器)時使用。 來源:anthropics/knowledge-work-plugins。
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builder 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/anthropics/knowledge-work-plugins