baoyu-infographic by jimliu/baoyu-skills
npx skills add https://github.com/jimliu/baoyu-skills --skill baoyu-infographic两个维度:布局(信息结构) × 风格(视觉美学)。可自由组合任意布局与任意风格。
/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 path/to/content.md --aspect 3:4
/baoyu-infographic # 然后粘贴内容
| 选项 | 可选值 |
|---|---|
--layout | 21 种选项(见布局图库),默认:bento-grid |
--style | 20 种选项(见风格图库),默认:craft-handmade |
--aspect |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 预设:landscape (16:9), portrait (9:16), square (1:1)。自定义:任意宽高比(例如:3:4, 4:3, 2.35:1) |
--lang | en, zh, ja 等 |
| 布局 | 最适合 |
|---|---|
linear-progression | 时间线、流程、教程 |
binary-comparison | A 与 B 对比、前后对比、优缺点 |
comparison-matrix | 多因素比较 |
hierarchical-layers | 金字塔、优先级层次 |
tree-branching | 分类、分类法 |
hub-spoke | 中心概念与相关项 |
structural-breakdown | 分解视图、剖面图 |
bento-grid | 多主题、概览(默认) |
iceberg | 表面与隐藏方面 |
bridge | 问题-解决方案 |
funnel | 转化、筛选 |
isometric-map | 空间关系 |
dashboard | 指标、关键绩效指标 |
periodic-table | 分类集合 |
comic-strip | 叙事、序列 |
story-mountain | 情节结构、张力弧线 |
jigsaw | 相互关联的部分 |
venn-diagram | 重叠概念 |
winding-roadmap | 旅程、里程碑 |
circular-flow | 循环、重复过程 |
dense-modules | 高密度模块、数据丰富的指南 |
完整定义:references/layouts/<layout>.md
| 风格 | 描述 |
|---|---|
craft-handmade | 手绘、纸艺(默认) |
claymation | 3D 粘土人物、定格动画 |
kawaii | 日式可爱、柔和色彩 |
storybook-watercolor | 柔和水彩、奇幻风格 |
chalkboard | 黑板粉笔画 |
cyberpunk-neon | 霓虹发光、未来感 |
bold-graphic | 漫画风格、半色调 |
aged-academia | 复古科学、棕褐色调 |
corporate-memphis | 扁平矢量、鲜艳色彩 |
technical-schematic | 蓝图、工程图 |
origami | 折纸、几何形状 |
pixel-art | 复古 8 位像素 |
ui-wireframe | 灰度界面线框图 |
subway-map | 交通路线图 |
ikea-manual | 极简线条图 |
knolling | 有序平铺展示 |
lego-brick | 乐高积木搭建 |
pop-laboratory | 蓝图网格、坐标标记、实验室精度 |
morandi-journal | 手绘涂鸦、温暖的莫兰迪色调 |
retro-pop-grid | 1970 年代复古波普艺术、瑞士网格、粗轮廓 |
完整定义:references/styles/<style>.md
| 内容类型 | 布局 + 风格 |
|---|---|
| 时间线/历史 | linear-progression + craft-handmade |
| 分步指南 | linear-progression + ikea-manual |
| A 与 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 |
| 产品指南 | dense-modules + morandi-journal |
| 技术指南 | dense-modules + pop-laboratory |
| 潮流指南 | dense-modules + retro-pop-grid |
默认:bento-grid + craft-handmade
当用户输入包含以下关键词时,自动选择关联的布局,并在第 3 步中将关联风格作为首要推荐。跳过基于内容的布局推断。
如果快捷方式有提示说明,则将其作为附加风格说明添加到生成的提示(第 5 步)中。
| 用户关键词 | 布局 | 推荐风格 | 默认宽高比 | 提示说明 |
|---|---|---|---|---|
| 高密度信息大图 / high-density-info | dense-modules | morandi-journal, pop-laboratory, retro-pop-grid | portrait | — |
| 信息图 / infographic | bento-grid | craft-handmade | landscape | 极简主义:干净的画布、充足的留白、无复杂背景纹理。仅使用简单的卡通元素和图标。 |
infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png
Slug:基于主题的 2-4 个单词 kebab-case。冲突时:追加 -YYYYMMDD-HHMMSS。
1.1 加载偏好设置 (EXTEND.md)
检查 EXTEND.md 是否存在(优先级顺序):
# macOS, Linux, WSL, Git Bash
test -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo "project"
test -f "${XDG_CONFIG_HOME:-$HOME/.config}/baoyu-skills/baoyu-infographic/EXTEND.md" && echo "xdg"
test -f "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md" && echo "user"
# PowerShell (Windows)
if (Test-Path .baoyu-skills/baoyu-infographic/EXTEND.md) { "project" }
$xdg = if ($env:XDG_CONFIG_HOME) { $env:XDG_CONFIG_HOME } else { "$HOME/.config" }
if (Test-Path "$xdg/baoyu-skills/baoyu-infographic/EXTEND.md") { "xdg" }
if (Test-Path "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md") { "user" }
┌────────────────────────────────────────────────────┬───────────────────┐ │ 路径 │ 位置 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-infographic/EXTEND.md │ 项目目录 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-infographic/EXTEND.md │ 用户主目录 │ └────────────────────────────────────────────────────┴───────────────────┘
┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ 结果 │ 操作 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 找到 │ 读取、解析、显示摘要 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 未找到 │ 使用 AskUserQuestion 询问用户(见 references/config/first-time-setup.md) │ └───────────┴───────────────────────────────────────────────────────────────────────────┘
EXTEND.md 支持:首选布局/风格 | 默认宽高比 | 自定义风格定义 | 语言偏好
模式:references/config/preferences-schema.md
1.2 分析内容 → analysis.md
source.md)
source.md 已存在,重命名为 source-backup-YYYYMMDD-HHMMSS.mdanalysis.md 已存在,重命名为 analysis-backup-YYYYMMDD-HHMMSS.md详细格式见 references/analysis-framework.md。
structured-content.md将内容转换为信息图结构:
规则:仅使用 Markdown。不添加新信息。忠实保留数据。从输出中去除所有凭据或机密信息。
详细格式见 references/structured-content-template.md。
3.1 首先检查关键词快捷方式:如果用户输入匹配关键词快捷方式表中的关键词,则自动选择关联的布局,并将关联风格作为首要推荐。跳过基于内容的布局推断。
3.2 否则,基于以下因素推荐 3-5 个布局×风格组合:
使用单个 AskUserQuestion 调用,包含多个问题,一次性确认所有选项:
| 问题 | 何时 | 选项 |
|---|---|---|
| 组合 | 始终 | 3+ 个布局×风格组合及理由 |
| 宽高比 | 始终 | 预设名称(landscape/portrait/square)或自定义宽高比(例如:3:4, 4:3, 2.35:1) |
| 语言 | 仅当源语言 ≠ 用户语言时 | 文本内容的语言 |
重要:请勿拆分为单独的 AskUserQuestion 调用。将所有适用问题合并到一个调用中。
prompts/infographic.md备份规则:如果 prompts/infographic.md 已存在,重命名为 prompts/infographic-backup-YYYYMMDD-HHMMSS.md
组合:
references/layouts/<layout>.md 的布局定义references/styles/<style>.md 的风格定义references/base-prompt.md 的基础模板宽高比解析 用于 {{ASPECT_RATIO}}:
16:9, portrait→9:16, square→1:13:4, 4:3, 2.35:1)infographic.png 是否存在
infographic-backup-YYYYMMDD-HHMMSS.png报告:主题、布局、风格、宽高比、语言、输出路径、创建的文件。
references/analysis-framework.md - 分析方法论references/structured-content-template.md - 内容格式references/base-prompt.md - 提示模板references/layouts/<layout>.md - 21 种布局定义references/styles/<style>.md - 20 种风格定义通过 EXTEND.md 进行自定义配置。路径和支持的选项见步骤 1.1。
每周安装量
12.2K
仓库
GitHub 星标
11.6K
首次出现
Jan 20, 2026
安全审计
安装于
opencode11.1K
gemini-cli10.8K
codex10.6K
cursor10.3K
github-copilot9.9K
amp9.5K
Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.
/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 path/to/content.md --aspect 3:4
/baoyu-infographic # then paste content
| Option | Values |
|---|---|
--layout | 21 options (see Layout Gallery), default: bento-grid |
--style | 20 options (see Style Gallery), default: craft-handmade |
--aspect | Named: landscape (16:9), portrait (9:16), square (1:1). Custom: any W:H ratio (e.g., 3:4, 4:3, 2.35:1) |
--lang | en, zh, ja, etc. |
| Layout | Best For |
|---|---|
linear-progression | Timelines, processes, tutorials |
binary-comparison | A vs B, before-after, pros-cons |
comparison-matrix | Multi-factor comparisons |
hierarchical-layers | Pyramids, priority levels |
tree-branching | Categories, taxonomies |
hub-spoke | Central concept with related items |
Full definitions: references/layouts/<layout>.md
| Style | Description |
|---|---|
craft-handmade | Hand-drawn, paper craft (default) |
claymation | 3D clay figures, stop-motion |
kawaii | Japanese cute, pastels |
storybook-watercolor | Soft painted, whimsical |
chalkboard | Chalk on black board |
cyberpunk-neon | Neon glow, futuristic |
Full definitions: references/styles/<style>.md
| Content Type | Layout + Style |
|---|---|
| Timeline/History | linear-progression + craft-handmade |
| Step-by-step | linear-progression + ikea-manual |
| A vs B | binary-comparison + corporate-memphis |
| Hierarchy | hierarchical-layers + craft-handmade |
Default: bento-grid + craft-handmade
When user input contains these keywords, auto-select the associated layout and offer associated styles as top recommendations in Step 3. Skip content-based layout inference for matched keywords.
If a shortcut has Prompt Notes , append them to the generated prompt (Step 5) as additional style instructions.
| User Keyword | Layout | Recommended Styles | Default Aspect | Prompt Notes |
|---|---|---|---|---|
| 高密度信息大图 / high-density-info | dense-modules | morandi-journal, pop-laboratory, retro-pop-grid | portrait | — |
| 信息图 / infographic | bento-grid | craft-handmade | landscape |
infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png
Slug: 2-4 words kebab-case from topic. Conflict: append -YYYYMMDD-HHMMSS.
1.1 Load Preferences (EXTEND.md)
Check EXTEND.md existence (priority order):
# macOS, Linux, WSL, Git Bash
test -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo "project"
test -f "${XDG_CONFIG_HOME:-$HOME/.config}/baoyu-skills/baoyu-infographic/EXTEND.md" && echo "xdg"
test -f "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md" && echo "user"
# PowerShell (Windows)
if (Test-Path .baoyu-skills/baoyu-infographic/EXTEND.md) { "project" }
$xdg = if ($env:XDG_CONFIG_HOME) { $env:XDG_CONFIG_HOME } else { "$HOME/.config" }
if (Test-Path "$xdg/baoyu-skills/baoyu-infographic/EXTEND.md") { "xdg" }
if (Test-Path "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md") { "user" }
┌────────────────────────────────────────────────────┬───────────────────┐ │ Path │ Location │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-infographic/EXTEND.md │ Project directory │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-infographic/EXTEND.md │ User home │ └────────────────────────────────────────────────────┴───────────────────┘
┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ Result │ Action │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Found │ Read, parse, display summary │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Not found │ Ask user with AskUserQuestion (see references/config/first-time-setup.md) │ └───────────┴───────────────────────────────────────────────────────────────────────────┘
EXTEND.md Supports : Preferred layout/style | Default aspect ratio | Custom style definitions | Language preference
Schema: references/config/preferences-schema.md
1.2 Analyze Content →analysis.md
source.md)
source.md exists, rename to source-backup-YYYYMMDD-HHMMSS.mdanalysis.md exists, rename to analysis-backup-YYYYMMDD-HHMMSS.mdSee references/analysis-framework.md for detailed format.
structured-content.mdTransform content into infographic structure:
Rules : Markdown only. No new information. Preserve data faithfully. Strip any credentials or secrets from output.
See references/structured-content-template.md for detailed format.
3.1 Check Keyword Shortcuts first : If user input matches a keyword from the Keyword Shortcuts table, auto-select the associated layout and prioritize associated styles as top recommendations. Skip content-based layout inference.
3.2 Otherwise , recommend 3-5 layout×style combinations based on:
Use single AskUserQuestion call with multiple questions to confirm all options together:
| Question | When | Options |
|---|---|---|
| Combination | Always | 3+ layout×style combos with rationale |
| Aspect | Always | Named presets (landscape/portrait/square) or custom W:H ratio (e.g., 3:4, 4:3, 2.35:1) |
| Language | Only if source ≠ user language | Language for text content |
Important : Do NOT split into separate AskUserQuestion calls. Combine all applicable questions into one call.
prompts/infographic.mdBackup rule : If prompts/infographic.md exists, rename to prompts/infographic-backup-YYYYMMDD-HHMMSS.md
Combine:
references/layouts/<layout>.mdreferences/styles/<style>.mdreferences/base-prompt.mdAspect ratio resolution for {{ASPECT_RATIO}}:
16:9, portrait→9:16, square→1:13:4, 4:3, 2.35:1)infographic.png exists
infographic-backup-YYYYMMDD-HHMMSS.pngReport: topic, layout, style, aspect, language, output path, files created.
references/analysis-framework.md - Analysis methodologyreferences/structured-content-template.md - Content formatreferences/base-prompt.md - Prompt templatereferences/layouts/<layout>.md - 21 layout definitionsreferences/styles/<style>.md - 20 style definitionsCustom configurations via EXTEND.md. See Step 1.1 for paths and supported options.
Weekly Installs
12.2K
Repository
GitHub Stars
11.6K
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode11.1K
gemini-cli10.8K
codex10.6K
cursor10.3K
github-copilot9.9K
amp9.5K
专业SEO审计工具:全面网站诊断、技术SEO优化与页面分析指南
56,300 周安装
AI智能体长期记忆系统 - 精英级架构,融合6种方法,永不丢失上下文
1,200 周安装
AI新闻播客制作技能:实时新闻转对话式播客脚本与音频生成
1,200 周安装
Word文档处理器:DOCX创建、编辑、分析与修订痕迹处理全指南 | 自动化办公解决方案
1,200 周安装
React Router 框架模式指南:全栈开发、文件路由、数据加载与渲染策略
1,200 周安装
Nano Banana AI 图像生成工具:使用 Gemini 3 Pro 生成与编辑高分辨率图像
1,200 周安装
SVG Logo Designer - AI 驱动的专业矢量标识设计工具,生成可缩放品牌标识
1,200 周安装
structural-breakdown | Exploded views, cross-sections |
bento-grid | Multiple topics, overview (default) |
iceberg | Surface vs hidden aspects |
bridge | Problem-solution |
funnel | Conversion, filtering |
isometric-map | Spatial relationships |
dashboard | Metrics, KPIs |
periodic-table | Categorized collections |
comic-strip | Narratives, sequences |
story-mountain | Plot structure, tension arcs |
jigsaw | Interconnected parts |
venn-diagram | Overlapping concepts |
winding-roadmap | Journey, milestones |
circular-flow | Cycles, recurring processes |
dense-modules | High-density modules, data-rich guides |
bold-graphic | Comic style, halftone |
aged-academia | Vintage science, sepia |
corporate-memphis | Flat vector, vibrant |
technical-schematic | Blueprint, engineering |
origami | Folded paper, geometric |
pixel-art | Retro 8-bit |
ui-wireframe | Grayscale interface mockup |
subway-map | Transit diagram |
ikea-manual | Minimal line art |
knolling | Organized flat-lay |
lego-brick | Toy brick construction |
pop-laboratory | Blueprint grid, coordinate markers, lab precision |
morandi-journal | Hand-drawn doodle, warm Morandi tones |
retro-pop-grid | 1970s retro pop art, Swiss grid, thick outlines |
| Overlap | venn-diagram + craft-handmade |
| Conversion | funnel + corporate-memphis |
| Cycles | circular-flow + craft-handmade |
| Technical | structural-breakdown + technical-schematic |
| Metrics | dashboard + corporate-memphis |
| Educational | bento-grid + chalkboard |
| Journey | winding-roadmap + storybook-watercolor |
| Categories | periodic-table + bold-graphic |
| Product Guide | dense-modules + morandi-journal |
| Technical Guide | dense-modules + pop-laboratory |
| Trendy Guide | dense-modules + retro-pop-grid |
| Minimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only. |