图表设计师:把数据关系、图表选型与设计规范交给 Skill

前言

做数据报告时,常见卡点不是「画不出图」,而是三件事叠在一起:不清楚数据该表达什么关系、柱状图和折线图随手选一个、配色和标注凑上去却读不顺。自己翻可视化教材能补方法论,但在对话里临时要一版「能讲清楚故事」的图,往往缺一个能连贯走完选型到版式的人。

下面介绍 SkillHub 上的社区 Skill「图表设计师」(@user_6c530bfb/chart-advisor)。它面向 Agent 对话场景,在用户给出数据或描述需求时,按 Skill 内嵌的流程做关系判断、图表推荐和设计规范输出,并带有难度与用户状态感知。

这是什么

「图表设计师」是 SkillHub 分类 data-analysis 下的社区 Skill,当前版本 5.1.1,坐标为 @user_6c530bfb/chart-advisor,发布者为 user_6c530bfb。页面标注 requires_api_key=false,安装后不需要额外 API Key 即可按 Skill 说明使用。

一句话定位:数据可视化全流程顾问——接收数据或展示意图,自动判断数据关系、推荐图表类型,并给出配色、排版、去杂、标注等设计规范,同时融入数据叙事思路。官方简介写明融合七本图表经典方法论,并支持难度感知(金凤花校准)与用户状态感知。

SkillHub 页面:https://www.skillhub.cn/skills/user_6c530bfb/chart-advisor
API 条目:https://api.skillhub.cn/user_6c530bfb/chart-advisor

核心功能

以下能力均来自 SkillHub 官方简介,未在页面展开的实现细节不展开臆测。

触发与意图识别

用户说出与做图、选型、美化相关的自然语言时,Skill 应被唤起。官方列出的触发表述包括:

  • 帮我做个图、做图表、图表建议、图表怎么做
  • 这个数据画什么图、怎么展示这些数据
  • 图表美化、图表配色排版
  • 数据可视化、数据报告配图
  • 做表格/数据表(在「展示数据」语境下)

数据到图表的决策链

  1. 判断数据关系:根据你提供的数据或字段说明,推断适合表达的维度与关系类型。
  2. 推荐图表类型:在关系类型基础上给出较优的图表形式建议。
  3. 输出设计规范:覆盖配色、排版、减少视觉噪音、标注方式等,使图表更易读。
  4. 数据叙事:在展示层面融入「用图讲故事」的思路,而不止于「能显示数值」。

感知与适配

  • 难度感知(金凤花校准):按任务复杂度调整讲解深度与步骤粒度(具体校准规则以 Skill 包内 SKILL.md 为准)。
  • 用户状态感知:结合对话中用户所处阶段(例如仅有原始表、已有草图、需要报告配图等)调整建议侧重点。

安装与启用

SkillHub 官方页面给出的安装指引是:让 Agent 依据 SkillHub 安装文档 安装 @user_6c530bfb/chart-advisor。

1、安装 SkillHub CLI(若尚未安装)

先检查是否已有 skillhub:

command -v skillhub && skillhub --version

未安装时,可按安装文档执行完整安装(CLI + 默认 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

仅需 CLI 时:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

2、安装到当前 Agent 的 skills 目录

安装技能时必须用 --dir 指向当前 Agent 实际读取的 skills 目录,否则默认会装到 ./skills/,Agent 可能识别不到。安装文档中的示例:

skillhub install @user_6c530bfb/chart-advisor --dir <skills 目录>

常用客户端 skills 路径(摘自 SkillHub 安装文档):

客户端 skills 目录
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或项目下的 .agents/skills/
Windsurf ~/.codeium/windsurf/skills/ 或 .windsurf/skills/

在 Cursor 中,典型命令为:

skillhub install @user_6c530bfb/chart-advisor --dir ~/.cursor/skills/

也可在对话中直接说明:「请根据 https://skillhub.cn/install/skillhub.md,安装 @user_6c530bfb/chart-advisor。」由 Agent 按文档完成安装。

经过上面的步骤,重启或刷新 Agent 对 skills 的加载后,即可在对话中使用本 Skill。

典型用法

官方页面未提供独立脚本示例;用法以对话 + 数据输入为主。下列表述与官方触发词一致,便于复现:

选型与建议

这个数据画什么图?字段是:月份、销售额、区域(华东/华南/华北)。

从原始表到设计规范

帮我做个图。下面是 CSV 前几行:
日期,产品,销量
2026-01-01,A,120
2026-01-01,B,85
请推荐图表类型,并给出配色、排版和标注建议,用于周报。

美化与报告配图

图表美化:我打算用堆积柱状图展示各区域季度占比,请给去杂和配色排版建议,用于数据报告配图。

展示意图不明确时

怎么展示这些数据?我想突出同比变化,但类别有 8 个。

Agent 加载本 Skill 后,会按 SKILL.md 中的流程回应:关系判断 → 图表推荐 → 设计规范与叙事建议。具体输出格式以 Skill 包内容为准。

适用场景与注意

适合谁

  • 需要在 Cursor、Claude Code、Codex 等支持 Skills 的环境里快速做图表决策与版式规范的同学。
  • 手上有表或指标描述,希望少踩「图类型选错、信息过载」坑的场景。
  • 写数据报告、周报配图,需要统一配色与标注口径时。

使用注意

  1. 本 Skill 不依赖 API Key(requires_api_key=false),但仍依赖你所用 Agent 的模型能力来理解数据与生成建议;复杂数据建议附上字段说明或样本行。
  2. Skill 输出的是设计与叙事层面的顾问结果;是否在 Excel、Python、BI 工具里落地制图,需你在本地工具中执行,Skill 本身不替代制图软件。
  3. 社区来源(community),版本以 SkillHub 为准(当前 5.1.1)。升级可用 skillhub 对同一坐标执行更新,并继续指定正确的 --dir。
  4. 「七本图表经典方法论」「金凤花校准」等表述来自官方简介;若需核对具体章节或规则,应阅读安装后的 Skill 包内文档,本文不展开未公开的细节。

结尾

「图表设计师」把关系判断、图表推荐、设计规范与数据叙事收进一个 Skill,适合在对话里把「画什么、怎么好看、怎么讲清楚」一次问完。若你正在 SkillHub 上找 data-analysis 类可视化顾问,可从官方页面安装 @user_6c530bfb/chart-advisor(v5.1.1):

https://www.skillhub.cn/skills/user_6c530bfb/chart-advisor

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜