【Skill 创作】我做了一个"一句话生成数据仪表盘"的 Skill

SOLO技能创作赛
1

1、Skill 简介

Data Dashboard Builder（数据仪表盘生成器） 是一个能把"一行表头字段"变成"一个会讲故事的可视化 Dashboard"的 Claude Code Skill。

你只需要粘贴一行字段名，比如 日期、渠道、展示、点击、转化、花费，它就能自动推断业务场景、生成符合业务逻辑的模拟数据、设计分析框架，最后输出一个可以直接打开的 HTML 仪表盘。

适合谁用：数据分析师、产品经理、运营人员，以及任何需要快速做数据 demo、汇报原型、业务复盘可视化的人。

2、使用场景

为什么想做它？

在实际工作中，我经常遇到这样的场景：

  • 产品经理说：“帮我做个数据看板，看看效果” —— 但我手里只有表头，没有真实数据

  • 领导要看：某个业务的分析报告 —— 但我需要先花半天时间整理数据、选图表、调样式

  • 同事问：这个字段组合能分析什么角度？ —— 我得从零开始想分析框架

之前遇到的麻烦

  1. 模拟数据太假：手写随机数，指标之间没有勾稽关系（点击数比展示数还多）

  2. 选图表靠经验：不知道该用什么图，漏斗、趋势、对比怎么搭配

  3. 样式调到崩溃：配色、布局、响应式，一个 dashboard 调一下午

  4. 依赖在线资源：用 CDN 引入 ECharts，断网就白屏

做出来之后省掉了什么

之前 现在
手写模拟数据 30 分钟 自动推断字段、生成数据 10 秒
想分析框架 20 分钟 自动选 5~8 个分析角度
调样式布局 2 小时 三种风格一键切换
依赖网络加载 ECharts 完全离线，单文件直接打开

一句话总结：从"一行表头"到"一个会讲故事的 dashboard"，原来要半天，现在只要一句话。

3、创作过程

核心思路

我把整个 Skill 的工作流设计成 4 步：

澄清需求 → 字段推断 → 生成数据 → 渲染 Dashboard

Step 1：字段推断引擎

我建了一个字段关键词词典，覆盖 9 大类字段角色：

| 类型 | 关键词示例 |
|------|-----------|
| ID 类 | ID、编号、号、code |
| 时间类 | 日期、时间、date、time |
| 维度类 | 省份、品类、渠道、年龄 |
| 规模类 | 展示、曝光、UV、PV |
| 行为类 | 点击、加购、收藏、播放 |
| 转化类 | 转化、订单、支付、注册 |
| 成本类 | 花费、消耗、CPC、CPA |
| 金额类 | GMV、金额、收入、sales |
| 比率类 | CTR、CVR、ROI、率 |

无论用户给的是中文还是英文，都能自动识别字段角色。

Step 2：业务逻辑驱动的数据生成

核心原则：不允许纯随机。

指标之间必须保证勾稽关系：

点击数 = 展示数 × CTR        # CTR 范围 1%~5%
转化数 = 点击数 × CVR        # CVR 范围 1%~8%
花费 = 点击数 × CPC          # CPC 范围 0.8~3.5 元
金额 = 订单数 × 单价         # 单价 58~520 元

  • 规模类字段用对数正态分布，模拟真实的长尾效应

  • 维度会影响指标：一线城市 CTR 有加成，高价值人群转化率更高

  • 固定随机种子 random.seed(42)，保证可复现

Step 3：智能分析框架

根据字段组合自动推荐分析角度：

有时间 + 指标 → 时间趋势图（必选）
有维度 + 指标 → 维度对比横向条形图
有地域字段   → 中国地图 + TOP10 城市
有漏斗链路   → 漏斗图
有金额 + 花费 → ROI / GMV 卡片
任何场景     → KPI 总览卡片（必选）

铁律：至少 5 个分析角度，不超过 8 个图。少于 5 个体现不出分析深度，多于 8 个会让仪表盘失焦。

Step 4：完全离线渲染

用 pyecharts 生成单 HTML 文件，ECharts 和中国地图完整内嵌，不依赖任何 CDN。

关键细节：

  • 省份名必须 normalize（“广东省” → “广东”），否则地图全空白

  • 每个图表独立 try/catch，单个图表出错不影响整体

  • 响应式布局，自动适配不同屏幕

4、使用步骤

方式一：直接调用

在 Claude Code 中输入：

帮我基于这些字段做个 dashboard：日期、渠道、展示、点击、转化、花费

方式二：更随意的触发

这些字段帮我分析一下：订单号、用户ID、品类、金额、城市

甚至只是：

日期 受众维度 展示数 点击数 转化数 花费 GMV
帮我画个图

安装 Skill

git clone https://github.com/shangtianqiang/data-dashboard-builder.git

将 data-dashboard-builder 文件夹放到 Claude Code 的 skills 目录即可。

5、效果展示

输入

帮我基于这些字段做个 dashboard：统计日期、受众维度、展示数、点击数、转化数、花费、GMV

输出

生成的 Dashboard 包含：

  • KPI 总览卡片（总展示、总点击、总转化、总花费、总 GMV、平均 ROI）

  • 时间趋势图（展示/点击/转化随日期变化）

  • 受众维度对比图（各人群的表现差异）

  • 转化漏斗图（展示 → 点击 → 转化）

  • ROI 对比图（各维度的投入产出比）

  • 花费分布图（成本结构分析）

三种风格可选：

  • 简约风：浅色背景，莫兰迪配色，适合日常汇报

  • 商业BI暗色风：深色渐变，荧光高亮，适合大屏展示

  • 报告风：黑白灰阶，适合打印

输出文件：

  • dashboard.html - 完全离线，双击直接打开

  • data.csv - 模拟数据，可二次分析

20260516-131620
20260516-1316201864×3555 464 KB

6、Skill 链接

GitHub 仓库：https://github.com/shangtianqiang/data-dashboard-builder

包含内容：

  • SKILL.md - 技能主文件

  • assets/ - ECharts 和中国地图离线资源

  • references/ - 字段推断、数据生成、分析框架等参考文档

  • README.md - 完整使用说明

7、总结与思考

效率提升

指标 之前 现在 提升
数据准备 30 分钟 10 秒 180x
分析框架设计 20 分钟 自动 ∞
样式调整 2 小时 一键切换 120x
总耗时 半天+ 1 分钟 300x+

最满意的地方

  1. 业务逻辑驱动的数据生成：不是纯随机，指标之间有勾稽关系，看起来像真实数据

  2. 完全离线：不依赖任何 CDN，断网也能用

  3. 智能字段推断：中英文都能识别，不用手动配置

后续优化方向

  1. 支持更多图表类型：桑基图、热力图、词云等

  2. 支持真实数据导入：不只是模拟数据，也能读 CSV/Excel

  3. AI 对话式调整：用自然语言修改图表样式和布局

  4. 更多业务场景模板：电商、广告、用户增长、金融等

希望得到的建议

  • 你觉得字段推断的准确率怎么样？

  • 还有哪些业务场景需要支持？

  • 样式主题有什么改进建议？

欢迎 Star、Fork、Issue！ 如果你觉得有用，帮我点个 Star 支持一下~

https://github.com/shangtianqiang/data-dashboard-builder

2

谢谢，我不干运营啦！我要去做数分

2 个赞