什么是 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