用 AI 搭数据看板和可视化
更新 2026-10-11 25 分钟(含接数据) 难度 ★★☆☆☆作者 Skills 编辑部
相关搜索
这篇用到的 skill(3)
主力。监控看板搭建,从指标到面板。
npx skills add affaan-m/ECC -gPostgreSQL 实践模式,取数查询更稳。
npx skills add affaan-m/ECC -gConvex 洞察,实时数据看板底座。
npx skills add get-convex/agent-skills -g
看板的痛不是"画不出图",是"指标没想清就堆图表,最后没人看"。让 AI 搭看板的核心是:先定北极星指标和要回答的问题,再让它选图表类型、写取数查询,而不是一上来就塞一堆花哨图。
这篇适合谁 / 不适合谁
适合:
- 要给业务/运营搭监控看板
- 有数据库或接口,但不会写取数查询
- 想要"看一眼就知道健康度"的面板
不适合:
- 数据还没采集(先有数据再谈看板)
- 要实时毫秒级大屏(那是工程问题)
- 指标定义都模糊(AI 替你定指标会偏)
开始前准备什么
- 数据源:数据库表 / API _endpoint。
- 要回答的问题:这板子给谁看、盯哪几个数。
- 更新频率:实时 / 每小时 / 每天。
操作步骤
1. 装 skill
dashboard-builder 是看板搭建技能包,复制目录到客户端技能目录(与一般 Agent Skill 装法一致):
| 客户端 | 目录 |
|---|---|
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ |
| Cursor | ~/.cursor/skills/ |
| Trae | ~/.trae/skills/ |
| CodeBuddy | ~/.codebuddy/skills/ |
| 通义灵码 | ~/.lingma/skills/ |
2. 先定指标,再选图
text
我要给电商运营搭看板,核心回答:今天卖了多少、哪个渠道最好、库存够不够。
先列出 5 个关键指标(定义+口径),再为每个选图表类型(趋势用折线、占比用饼、排名用条形),
不要堆图,每块图都要对应一个能做的决策。3. 让 AI 写取数查询
用 postgres-patterns 写出正确查询,避免 N+1 和错口径:
text
基于下面的 orders 表,写出"近 7 天每日 GMV"的 SQL,
按天聚合、排除退款,给出可直接跑的语句和字段说明。4. 实时看板用 Convex
要实时刷新用 convex-insights 做底座,把查询结果接成订阅。
会踩的坑
| 坑 | 现象 | 怎么绕 |
|---|---|---|
| 指标没想清 | 图很多没人看 | 先定北极星指标再画 |
| 图不对型 | 饼图看趋势 | 趋势折线/占比饼/排名条 |
| 口径错 | 数对不上 | 定义+口径写清楚 |
| 实时硬撑 | 卡、贵 | 非实时用定时刷新 |
| 堆装饰 | 信息被盖 | 每块图对应一个决策 |
FAQ
没数据能搭吗?
先有数据源;看板是展示层,空数据没意义。
图表怎么选?
趋势用折线、占比用饼、排名用条形、分布用柱状。
不会写 SQL 怎么办?
让 AI 按表结构写,用 postgres-patterns 避坑。
实时大屏怎么做?
用 convex-insights 做实时底座,非实时用定时刷新更省。
指标怎么定?
从"这板子给谁看、要回答什么"反推,别先画图表。
相关指南
顺着这些场景接着看:
相关源码
- affaan-m/ECC · dashboard-builder 源码
- affaan-m/ECC · postgres-patterns 源码
- get-convex/agent-skills · convex-insights 源码
- Agent Skill 开放格式规范
一句话结论
结论:看板先定指标再画图表——给 AI 数据源和问题,让它选图写查询,别一上来堆花哨图。