前言¶
做數據報告時，常見卡點不是「畫不出圖」，而是三件事疊在一起：不清楚數據該表達什麼關係、柱狀圖和折線圖隨手選一個、配色和標註湊上去卻讀不順。自己翻可視化教材能補方法論，但在對話裏臨時要一版「能講清楚故事」的圖，往往缺一個能連貫走完選型到版式的人。
下面介紹 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
