前言¶
写论文或做结构化 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
