前言¶
做信息图时,常见卡点不是「会不会画图」,而是风格选不准、结构和行业语境对不上,以及同一套内容还要再改一版小红书、朋友圈、抖音的配文。自己从零写提示词或 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