信息图风格创作矩阵 Skill:从标题到可执行方案与社媒文案

前言

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

  1. 输入形式:支持短标题一句话,或文章链接(由 Skill 侧解析内容后再做后续步骤)。
  2. 行业识别:根据输入自动判断所属行业/场景,用于后续风格与结构匹配。
  3. 风格匹配:在「风格创作矩阵」逻辑下为当前内容选定信息图风格方向(具体矩阵条目以 Skill 包内 SKILL.md 为准)。
  4. 方案输出(四选一):生成可直接执行的完整信息图方案,形态为以下之一:
    - 提示词(便于交给图像或排版工具)
    - SVG
    - HTML
    - spec(结构化说明,便于人工或工具落地)
  5. 社媒配套文案:同一轮结果中附带小红书、朋友圈、抖音三种传播文案,减少重复改写。

安装与启用

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 中按顺序说明需求:

  1. 准备输入:给出信息图主题的一句话标题,或一篇可访问的文章链接。
  2. 声明输出形态:明确要求生成方案的类型为「提示词 / SVG / HTML / spec」中的一种(四选一)。
  3. 索取社媒文案:说明需要小红书、朋友圈、抖音三套配套文案(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
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye