前言¶
做信息圖時，常見卡點不是「會不會畫圖」，而是風格選不準、結構和行業語境對不上，以及同一套內容還要再改一版小紅書、朋友圈、抖音的配文。自己從零寫提示詞或 HTML/SVG，往往要在檢索參考、定調性和拆文案之間來回切換。
下面介紹 SkillHub 上的社區 Skill「信息圖風格創作矩陣」（座標 @user_9681044e/infographic-pro，當前版本 4.0.0）。它把「識別場景 → 匹配風格 → 產出可執行方案 → 附帶三種社媒文案」串成一條鏈路，適合在 Cursor、Claude Code、Codex 等支持 Skills 的 Agent 裏直接調用。
這是什麼¶
一句話定位（與 SkillHub 官方頁面一致）：輸入一句話標題或文章鏈接 → 自動識別行業 → 匹配風格 → 輸出可直接執行的完整信息圖方案（提示詞 / SVG / HTML / spec 四選一）+ 配套小紅書 / 朋友圈 / 抖音三種社媒傳播文案。
- 維護與來源：社區發佈（
community），發佈者座標爲user_9681044e；SkillHub 分類爲design-media。 - 標籤：
requires_api_key=false，表示按頁面標註無需單獨配置 API Key 即可使用 Skill 本身。 - 解決的問題：把「定行業、選風格、出成品規格、寫傳播文案」從分散的手工步驟，收斂爲 Agent 內一次對話可完成的流程。
核心功能¶
以下能力均來自官方簡介與 SkillHub 頁面描述，未超出已覈實範圍。
- 輸入形式：支持短標題一句話，或文章鏈接（由 Skill 側解析內容後再做後續步驟）。
- 行業識別：根據輸入自動判斷所屬行業/場景，用於後續風格與結構匹配。
- 風格匹配：在「風格創作矩陣」邏輯下爲當前內容選定信息圖風格方向（具體矩陣條目以 Skill 包內
SKILL.md爲準）。 - 方案輸出（四選一）：生成可直接執行的完整信息圖方案，形態爲以下之一：
- 提示詞（便於交給圖像或排版工具）
- SVG
- HTML
- spec（結構化說明，便於人工或工具落地） - 社媒配套文案：同一輪結果中附帶小紅書、朋友圈、抖音三種傳播文案，減少重複改寫。
安裝與啓用¶
SkillHub 推薦通過 CLI 將技能安裝到當前 Agent 實際讀取的 skills 目錄；未指定目錄時默認可能落在 ./skills/，Agent 無法識別，需自行覈對路徑。
1. 檢查或安裝 SkillHub CLI¶
command -v skillhub && skillhub --version
若未安裝，可按 SkillHub 安裝文檔執行完整安裝（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
安裝說明全文見：SkillHub 安裝與優先源配置。
2. 安裝本 Skill¶
將 @user_9681044e/infographic-pro 安裝到當前環境對應的 skills 目錄，例如：
skillhub install @user_9681044e/infographic-pro --dir ~/.cursor/skills/
常見 Agent 的 skills 路徑（摘自 SkillHub 文檔，以你本機實際配置爲準）：
| 環境 | 典型 skills 目錄 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或項目下的 .agents/skills/ |
官方頁面亦支持將安裝提示發給 AI，並引用上述安裝文檔安裝 @user_9681044e/infographic-pro。
3. 啓用¶
安裝完成後重啓或刷新 Agent，使 skills 目錄生效。在對話中按 Skill 說明觸發（包內爲通用 SKILL.md 格式）；無需因 requires_api_key=false 而額外填寫 API Key，但若你自行調用外部繪圖/託管服務，仍須遵守各服務自身的鑑權要求。
典型用法¶
官方未提供獨立的長篇教程；可復現的主路徑即簡介中的流水線。建議在 Agent 中按順序說明需求：
- 準備輸入：給出信息圖主題的一句話標題，或一篇可訪問的文章鏈接。
- 聲明輸出形態：明確要求生成方案的類型爲「提示詞 / SVG / HTML / spec」中的一種（四選一）。
- 索取社媒文案：說明需要小紅書、朋友圈、抖音三套配套文案（Skill 定位中已包含此項）。
示例表述（示意，非官方固定話術）：
請用 infographic-pro 技能：標題是「2026 年企業知識庫選型要點」，
輸出 HTML 版信息圖方案，並給小紅書、朋友圈、抖音各一版傳播文案。
或：
文章鏈接：https://example.com/article
行業自動識別即可，方案用 spec，並附帶三種社媒文案。
經過上面的步驟，Agent 應依據 Skill 規則完成行業識別、風格匹配與方案生成；若結果形態不符合預期，可在同一會話中指定四選一中的另一種輸出類型重新生成。
適用場景與注意¶
適合誰
- 需要快速從「選題/長文」落到「可執行信息圖方案」的內容、運營、產品同學。
- 已在 Cursor、Claude Code、Codex 等環境使用 Skills，希望減少手寫多平臺文案重複勞動的開發者。
限制與注意
- 來源爲社區 Skill，行爲細節以安裝包內
SKILL.md與版本 4.0.0 爲準；升級前可在 SkillHub 覈對 changelog。 - 安裝時必須
--dir指向當前 Agent 的 skills 目錄，否則 Agent 可能加載不到。 - 「四選一」指單次主方案形態；社媒文案爲附加產出，是否同時返回取決於 Skill 規則與你在對話中的明確要求。
- SkillHub 頁面展示的下載量、評分會隨時間變化；查閱時以 SkillHub 技能頁 爲準。
結尾¶
信息圖風格創作矩陣 Skill 把標題或鏈接、行業與風格判斷、可執行方案（提示詞 / SVG / HTML / spec）以及三種社媒文案收攏到 Agent 工作流裏，適合作爲 design-media 類技能做內容可視化前的方案層。
- SkillHub 頁面：https://www.skillhub.cn/skills/user_9681044e/infographic-pro
- 座標與 API 入口：https://api.skillhub.cn/user_9681044e/infographic-pro
- 安裝文檔：https://skillhub.cn/install/skillhub.md
