SuperAPI AI 工具集
合作ENAI 行业资讯收藏
Skill 广场baoyu-infographic

baoyu-infographic

设计与创作

查看项目

更新于 10-16 10:31

技能介绍

用途

baoyu-infographic 是一个信息图生成技能（Infographic Generator），用于从结构化内容和数据生成信息图视觉，并支持风格与布局控制。其核心思路是两个维度自由组合：布局（信息结构）与风格（视觉美学），任意布局可与任意风格搭配。

主要能力

  • 提供 20 种布局（Layout），用于表达不同信息结构，例如 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（循环、周期性流程）。默认布局为 bento-grid。
  • 提供 17 种风格（Style），例如 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（玩具积木搭建）。默认风格为 craft-handmade。
  • 提供推荐组合，例如时间线/历史用 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。

使用方式

调用命令：

/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  # then paste content

选项：--layout 共 20 个选项（默认 bento-grid）；--style 共 17 个选项（默认 craft-handmade）；--aspect 可选 landscape (16:9)、portrait (9:16)、square (1:1)；--lang 可选 en、zh、ja 等。

工作流程：

  1. 设置与分析：检查并加载偏好文件 EXTEND.md（优先项目级 .baoyu-skills/baoyu-infographic/EXTEND.md，其次用户级 $HOME/.baoyu-skills/baoyu-infographic/EXTEND.md）；若找到则读取、解析并显示摘要，若未找到则通过 AskUserQuestion 询问用户。随后分析内容并写入 analysis.md，分析主题、数据类型、复杂度、语气、受众，检测源语言与用户语言，提取用户输入中的设计指令。EXTEND.md 支持首选布局/风格、默认宽高比、自定义风格定义、语言偏好。
  2. 生成结构化内容：输出到 structured-content.md，包含标题与学习目标、各分节（关键概念、原文内容、视觉元素、文字标签）、数据点（所有统计与引语逐字复制）、用户设计指令。规则为仅使用 Markdown、不新增信息、所有数据逐字保留。
  3. 推荐组合：根据数据结构、内容语气、受众预期、用户设计指令推荐 3-5 种布局×风格组合。
  4. 确认选项：使用单次 AskUserQuestion 调用、多问题一并确认组合、宽高比，以及（当源语言与用户语言不同时）语言。不要拆分为多个 AskUserQuestion 调用。
  5. 生成提示词：输出到 prompts/infographic.md，组合布局定义、风格定义、基础模板与结构化内容，所有文字使用确认后的语言。
  6. 生成图像：选择可用的图像生成技能（若有多个则询问用户），生成前检查 infographic.png 是否存在，存在则重命名为 infographic-backup-YYYYMMDD-HHMMSS.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。文件备份规则：source.md、analysis.md、prompts/infographic.md、infographic.png 若已存在，均按 -backup-YYYYMMDD-HHMMSS 规则重命名。

适用场景

适合将需要可视化表达的结构化内容制作成信息图，例如时间线/历史、分步教程、A vs B 对比、层级/优先级、重叠概念、转化漏斗、循环流程、技术拆解、指标看板、教育概览、旅程里程碑、分类集合等。可从内容文件路径或粘贴内容开始。

限制与原则

核心原则要求：保留全部源数据原文，不做摘要或改写；在组织结构前先定义学习目标；按视觉传播方式组织内容（标题、标签、视觉元素）。参考资料包括 references/analysis-framework.md、references/structured-content-template.md、references/base-prompt.md、references/layouts/<layout>.md（20 种布局定义）、references/styles/<style>.md（17 种风格定义）。自定义配置通过 EXTEND.md 完成。关于收费、价格、支持的平台与具体生成效果等信息暂未提供。