用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/zhaoxuya520/AI-Fullstack-Delivery-Workflow --skill data-visualization命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | data-visualization |
| description | 数据可视化和仪表盘设计时使用。适用于图表选型、仪表盘布局、BI 工具使用。 |
1. 图表服务于问题
先有问题再选图表
2. 简洁优先
不要 3D / 彩虹色 / 动画
3. 受众决定复杂度
管理层看 KPI 大数字
分析师看明细交互
4. 对比是可视化之魂
同比 / 环比 / 基线 / 目标线
| 数据关系 | 推荐图表 |
|---|---|
| 趋势 | 折线图 |
| 对比 | 柱状图 |
| 占比 | 饼图（≤5 类）/ 堆叠柱状 |
| 分布 | 直方图 / 箱线图 |
| 相关 | 散点图 |
| 漏斗 | 漏斗图 |
| 排名 | 水平条形图 |
| 地理 | 地图 |
| 工具 | 适合 |
|---|---|
| Metabase | 开源 / 自助 BI |
| Apache Superset | 开源 / 功能全 |
| Grafana | 运维 / 实时 |
| Looker | Google 企业 |
| Tableau | 商业智能标杆 |
| Power BI | 微软生态 |
| ECharts | 前端嵌入 |
| Recharts | React 简单图表 |
templates/dashboard-template.md — 仪表盘设计模板□ 图表服务于问题
□ 选型合适
□ 简洁不花哨
□ 有对比基线
□ 有时间筛选
□ 受众匹配
□ 移动端可看
上游：sql-analysis → 数据查询
下游：analysis-report → 配图