数据可视化
90 / 100 · Low risk
Fine to try.
数据可视化设计规格。给定一个 Dashboard / 报表页 / 数据卡片的需求,按"意图分类 → 数据约束 → 选型 → 视觉规范 → 异常态 → 响应式降级"六步产出可交付的图表设计规格文档(不是临时画图工具)。每张图含选型理由、design token 映射、SparkDesign 组件契约、色盲安全校验、Mobile 降级方案。让设计师不必凭直觉选图、不必反复对齐主题色、不必到 QA 阶段才发现"图表在手机上挤成一团"。 触发关键词:数据可视化、图表设计、Dashboard、报表、数据卡片、KPI 卡、图表选型、chart design、dashboard design、data viz、可视化规格、图表规范。 排除(反向):临时生成一张图(用 AI 直接画 / chart-visualization 工具)、产品数据指标定义(用 PM 套件 /产品指标复盘)、设计度量指标体系(用 /设计度量)、图表组件库实现(属于 SparkDesign 仓库工作,不在本 Skill)。
What this skill can do
Sends data to these websites: antv-studio.alipay.com
Runs commands on your computer
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'chart' ] || [ -L ~/.agents/skills/'chart' ]; then echo 'A skill folder named chart already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ahang1598/doubao-workbuddy-qwenwork-skills' "$d" && git -C "$d" checkout --quiet '5e45653f59a2e4a2a65f575e8aaf7637165674d5' -- 'qwenwork/experts/product-design/skills/chart' && mkdir -p ~/.agents/skills && cp -R "$d"/'qwenwork/experts/product-design/skills/chart' ~/.agents/skills/'chart' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'chart' ~/.claude/skills/'chart' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/ahang1598/doubao-workbuddy-qwenwork-skills/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | 5e45653 | 90 |