前言¶
做数据报告时,常见卡点不是「画不出图」,而是三件事叠在一起:不清楚数据该表达什么关系、柱状图和折线图随手选一个、配色和标注凑上去却读不顺。自己翻可视化教材能补方法论,但在对话里临时要一版「能讲清楚故事」的图,往往缺一个能连贯走完选型到版式的人。
下面介绍 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 应被唤起。官方列出的触发表述包括:
- 帮我做个图、做图表、图表建议、图表怎么做
- 这个数据画什么图、怎么展示这些数据
- 图表美化、图表配色排版
- 数据可视化、数据报告配图
- 做表格/数据表(在「展示数据」语境下)
数据到图表的决策链¶
- 判断数据关系:根据你提供的数据或字段说明,推断适合表达的维度与关系类型。
- 推荐图表类型:在关系类型基础上给出较优的图表形式建议。
- 输出设计规范:覆盖配色、排版、减少视觉噪音、标注方式等,使图表更易读。
- 数据叙事:在展示层面融入「用图讲故事」的思路,而不止于「能显示数值」。
感知与适配¶
- 难度感知(金凤花校准):按任务复杂度调整讲解深度与步骤粒度(具体校准规则以 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 的环境里快速做图表决策与版式规范的同学。
- 手上有表或指标描述,希望少踩「图类型选错、信息过载」坑的场景。
- 写数据报告、周报配图,需要统一配色与标注口径时。
使用注意
- 本 Skill 不依赖 API Key(
requires_api_key=false),但仍依赖你所用 Agent 的模型能力来理解数据与生成建议;复杂数据建议附上字段说明或样本行。 - Skill 输出的是设计与叙事层面的顾问结果;是否在 Excel、Python、BI 工具里落地制图,需你在本地工具中执行,Skill 本身不替代制图软件。
- 社区来源(
community),版本以 SkillHub 为准(当前 5.1.1)。升级可用skillhub对同一坐标执行更新,并继续指定正确的--dir。 - 「七本图表经典方法论」「金凤花校准」等表述来自官方简介;若需核对具体章节或规则,应阅读安装后的 Skill 包内文档,本文不展开未公开的细节。
结尾¶
「图表设计师」把关系判断、图表推荐、设计规范与数据叙事收进一个 Skill,适合在对话里把「画什么、怎么好看、怎么讲清楚」一次问完。若你正在 SkillHub 上找 data-analysis 类可视化顾问,可从官方页面安装 @user_6c530bfb/chart-advisor(v5.1.1):
https://www.skillhub.cn/skills/user_6c530bfb/chart-advisor