一句话生成可交互数据仪表盘！再也不用反复改图了

说个真事：上周我想给老板看一份数据报告，数据其实没多少，但每次改数字都要重新截图、重新贴图，烦得我想辞职。

后来我给Claude装了一个叫 interactive-dashboard-builder 的 Skill，情况直接逆转——一句话生成一个带下拉筛选器的互动HTML仪表盘，Chart.js驱动，纯前端不需要任何后端服务，Chart.js、Dropdown滤镜、专业样式全封装在一个HTML文件里，直接发链接就行。

老板想看哪个月、哪个地区的数据，自己点一下就切换，报告周期从三天缩到三分钟。

这个Skill能干什么？

它的核心能力就是把数据变成可交互的HTML文件，不需要服务器、不需要数据库，打开浏览器就能用。具体来说：

• 支持 Chart.js 绑定各种图表类型，折线图、柱状图、饼图全部支持
• Dropdown 下拉筛选器可以动态过滤数据维度
• 生成的文件完全自包含，适合直接分享或嵌入到Notion、文档里
• 可自定义配色和样式主题

使用方式

在 Claude Code 里直接说：「帮我做一个仪表盘，数据是……」，然后描述你要的图表类型和筛选维度，Skill 会自动生成完整的 HTML 代码，复制到本地保存为 .html 文件就能用。整个过程不需要写一行代码。

适用场景

• 运营数据报告（日报/周报/月报），每次改数字不用重新做图
• 给客户/老板演示数据，支持实时筛选交互
• 将 AI 分析结果快速封装成交互式页面分享出去
• 技术文档里嵌入动态数据可视化模块

属于那种「用一次就回本」的 Skill——尤其适合天天和数据打交道、但不想花时间在前端上的朋友。

GitHub：https://github.com/anthropics/knowledge-work-plugins/tree/main/data/skills/interactive-dashboard-builder

GitHub: https://github.com/anthropics/knowledge-work-plugins/tree/main/data/skills/interactive-dashboard-builder