SuperAPI AI 工具集

baoyu-infographic

设计与创作

查看项目

更新于 11-02 12:16

技能介绍

用途

baoyu-infographic 是一个信息图(infographic)生成技能,围绕两个维度组织视觉表达:布局(信息结构)与风格(视觉美学)。任意布局可与任意风格自由组合,用于将内容转换为专业信息图。

主要能力

  • 20 种布局:linear-progression(时间线、流程、教程)、binary-comparison(A vs B、前后对比、利弊)、comparison-matrix(多因素比较)、hierarchical-layers(金字塔、优先级)、tree-branching(分类、分类学)、hub-spoke(中心概念与关联项)、structural-breakdown(爆炸图、剖面)、bento-grid(多主题、概览,默认)、iceberg(表层与隐藏面)、bridge(问题-解决方案)、funnel(转化、筛选)、isometric-map(空间关系)、dashboard(指标、KPI)、periodic-table(分类集合)、comic-strip(叙事、序列)、story-mountain(情节结构、张力弧线)、jigsaw(相互关联的部分)、venn-diagram(重叠概念)、winding-roadmap(旅程、里程碑)、circular-flow(循环、周期性过程)。
  • 17 种风格:craft-handmade(手绘纸艺,默认)、claymation(3D 黏土定格)、kawaii(日系可爱、粉彩)、storybook-watercolor(柔和水彩)、chalkboard(黑板粉笔)、cyberpunk-neon(霓虹未来感)、bold-graphic(漫画风、半调)、aged-academia(复古科学、棕褐)、corporate-memphis(扁平矢量、鲜明)、technical-schematic(蓝图、工程风)、origami(折纸几何)、pixel-art(复古 8-bit)、ui-wireframe(灰度界面线框)、subway-map(交通图)、ikea-manual(极简线稿)、knolling(整齐平铺)、lego-brick(积木搭建)。
  • 内容分析:识别主题、数据类型、复杂度、语气、受众,并检测源语言与用户语言,提取用户的设计指令。
  • 组合推荐:根据数据结构、内容语气、受众预期和用户设计指令,推荐 3–5 个布局×风格组合。
  • 多语言与画幅:支持 landscape(16:9)、portrait(9:16)、square(1:1),文本语言可指定(如 en、zh、ja 等)。

使用方式

命令行用法示例:

/baoyu-infographic path/to/content.md
/baoyu-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/baoyu-infographic path/to/content.md --aspect portrait --lang zh
/baoyu-infographic  # 然后粘贴内容

选项:--layout(20 种,默认 bento-grid)、--style(17 种,默认 craft-handmade)、--aspect(landscape/portrait/square)、--lang(如 en、zh、ja)。

工作流程:

  1. 准备与分析:先检查 EXTEND.md 配置文件(优先项目级 .baoyu-skills/baoyu-infographic/EXTEND.md,其次用户级 $HOME/.baoyu-skills/baoyu-infographic/EXTEND.md);若不存在则通过 AskUserQuestion 询问首次配置。EXTEND.md 可设置偏好布局/风格、默认画幅比例、自定义风格定义、语言偏好。随后保存源内容为 source.md(已存在则备份重命名),分析内容并写入 analysis.md。
  2. 生成结构化内容:输出 structured-content.md,包含标题与学习目标、各部分的关键概念、逐字内容、视觉元素、文本标签、数据点(统计与引语原样复制)及用户设计指令。仅用 Markdown,不新增信息。
  3. 推荐组合:给出 3–5 个布局×风格组合及理由。
  4. 确认选项:通过一次 AskUserQuestion 调用同时确认组合、画幅,以及(当源语言与用户语言不同时)语言。
  5. 生成提示词:将布局定义(references/layouts/<layout>.md)、风格定义(references/styles/<style>.md)、基础模板(references/base-prompt.md)与结构化内容合并,写入 prompts/infographic.md。
  6. 生成图像:选择可用的图像生成技能(多个时询问用户),生成前如存在 infographic.png 先备份重命名,调用后失败自动重试一次。
  7. 输出摘要:报告主题、布局、风格、画幅、语言、输出路径与生成的文件。

输出目录结构:

infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png

slug 取主题的 2–4 个 kebab-case 单词,冲突时追加 -YYYYMMDD-HHMMSS。

推荐组合示例:时间线/历史用 linear-progression + craft-handmade;分步教程用 linear-progression + ikea-manual;A vs B 用 binary-comparison + corporate-memphis;层级用 hierarchical-layers + craft-handmade;重叠用 venn-diagram + craft-handmade;转化用 funnel + corporate-memphis;循环用 circular-flow + craft-handmade;技术用 structural-breakdown + technical-schematic;指标用 dashboard + corporate-memphis;教育用 bento-grid + chalkboard;旅程用 winding-roadmap + storybook-watercolor;分类用 periodic-table + bold-graphic。默认组合为 bento-grid + craft-handmade。

核心原则

  • 逐字保留全部源数据,不做摘要或改写。
  • 在组织结构前先定义学习目标。
  • 按视觉传达需要组织内容(标题、标签、视觉元素)。

适用场景

适合将教程、对比、层级、流程、指标、分类、叙事、旅程、循环等内容制作成信息图,也适合教育类内容与概览式多主题展示。

限制

  • 图像生成依赖可用的图像生成技能;存在多个时需用户选择。
  • 源语言与用户语言不同时需确认输出语言。
  • 具体分类的完整定义需查阅对应 references 文件,本文未提供其内容。
  • 未提供收费、价格与平台支持信息。