前言¶
寫論文或做結構化 PPT 時，機制圖、框架圖往往要反覆改版式：框怎麼排、箭頭怎麼連、文字會不會溢出。用通用繪圖軟件手擺座標，或讓模型只輸出 Mermaid 再自己修圖，都費時間。下面介紹 SkillHub 上的社區 Skill「【畫圖技能】框架圖+機制圖」（座標 @user_1aa73166/diagram-drawing-plus），讓 Agent 根據你的邏輯描述生成機制圖、框架圖等示意圖，面向論文配圖與結構化演示材料。
這是什麼¶
一句話定位：根據文檔或自然語言中的結構/邏輯，繪製框架圖、機制圖及同類結構化示意圖。
- 出品與維護：SkillHub 社區發佈，發佈者
user_1aa73166，來源community，分類design-media，當前版本 1.0.0。 - 解決問題：把「研究框架、因果鏈條、層級結構」等意圖落成可插入文稿或幻燈片的圖，而不是普通統計圖表（折線、柱狀等應使用其他數據可視化 Skill，例如任務說明中提到的
python-dataviz）。 - 標籤顯示
requires_api_key=false，安裝後無需額外 API Key 即可按 Skill 約定工作。
官方簡介（SkillHub）：可以根據文檔內容，繪製框架圖、機制圖等，用於論文中配圖、結構化 PPT 用。
核心功能¶
以下能力與 Skill 公開說明一致，側重「結構示意圖」而非數據繪圖。
- 圖種覆蓋：機制圖、框架圖、流程圖、架構圖、思維導圖，以及因果圖、概念/研究框架、系統圖、生態圖、飛輪圖、迴路圖等（中英文觸發詞見下文「典型用法」）。
- 機制圖形態：支持因果鏈條型、循環型、網絡型等常見學術機制表達。
- 框架圖形態：支持層級嵌套、矩陣、三角、多維並列等佈局。
- 輸出方式：按 Skill 說明，使用純 SVG 生成圖，並通過 CairoSVG 導出高清 PNG（
scale=3，寬度約 5280px）；含自動座標校驗與文本轉義，減少手工修圖。
安裝與啓用¶
先做環境檢查，再把 Skill 裝到當前 Agent 能識別的 skills 目錄；裝錯目錄會導致 Agent 讀不到 Skill。
1. 安裝 SkillHub CLI（若尚未安裝）¶
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
安裝步驟與目錄說明見官方文檔：https://skillhub.cn/install/skillhub.md
2. 安裝本 Skill¶
將 Skill 安裝到當前環境的 skills 目錄。以 Cursor 爲例，常用路徑爲 ~/.cursor/skills/；Claude Code 爲 ~/.claude/skills/；Codex 爲 ~/.codex/skills/ 或項目下的 .agents/skills/。具體以你使用的客戶端爲準。
skillhub install @user_1aa73166/diagram-drawing-plus --dir ~/.cursor/skills/
也可讓 AI 按 SkillHub 頁面提示執行：根據 https://skillhub.cn/install/skillhub.md 安裝 @user_1aa73166/diagram-drawing-plus。
安裝後按所用客戶端要求重啓或刷新 Agent，使 SKILL.md 被加載。
典型用法¶
Skill 通過自然語言觸發。在對話中說明要畫的結構、節點與關係即可；也可粘貼論文段落或大綱，讓 Agent 從文檔提煉框架。
中文觸發示例：畫機制圖、畫框架圖、畫流程圖、繪製因果圖、架構圖、思維導圖、組織結構圖、概念框架、研究框架圖、系統圖、生態圖、飛輪圖、迴路圖。
英文觸發示例：mechanism diagram、framework diagram、causal loop。
可復現的對話範式（示意，按你的課題替換內容）：
- 說明圖類型與用途，例如：「根據下面三段方法論文字，畫一張研究框架圖，用於論文 Figure 2。」
- 列出節點與層級或因果關係，例如：「頂層是『數字化轉型』，下分技術、組織、環境三個維度，每個維度 2～3 個構念，用箭頭表示影響方向。」
- 指定輸出需求，例如：「需要高清 PNG，文字用中文，風格偏學術論文。」
Agent 在 Skill 指導下生成 SVG 並導出 PNG；你只需檢查語義是否與原文一致，必要時補充或刪減節點。
適用場景與注意¶
適合誰
- 需要論文、報告、標書中「機制圖 / 理論框架圖」的科研與工程寫作者。
- 做結構化 PPT、彙報材料，希望從文字直接得到版式統一示意圖的從業者。
限制與注意
- 不用於普通數據圖表（折線圖、柱狀圖等）；這類需求應選用數據可視化類 Skill。
- 社區 Skill（
community），行爲以SKILL.md與生成結果爲準；複雜版式仍建議人工終審語義與引用規範。 - 安裝時必須使用
--dir指向當前 Agent 的 skills 目錄，否則默認落在./skills/可能無法被識別。
SkillHub 頁面元數據（抓取時）：評分 100000，下載 6102 次，分類 design-media。
結尾¶
「【畫圖技能】框架圖+機制圖」把「結構怎麼畫」交給 Skill 裏的生成與導出流程，你主要提供邏輯與文案。若你經常爲論文或 PPT 手搓框架圖，可以按上文安裝 @user_1aa73166/diagram-drawing-plus 試一輪。
- SkillHub 頁面：https://www.skillhub.cn/skills/user_1aa73166/diagram-drawing-plus
- API 條目：https://api.skillhub.cn/user_1aa73166/diagram-drawing-plus
