重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
baoyu-infographic by xy121718/baoyu-skills
npx skills add https://github.com/xy121718/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 # 然后粘贴内容
| 选项 | 可选值 |
|---|---|
--layout | 21 种选项(参见布局图库),默认:bento-grid |
--style | 20 种选项(参见风格图库),默认:craft-handmade |
--aspect | landscape (16:9), portrait (9:16), square (1:1) |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
--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 个单词的短横线连接形式。冲突时追加 -YYYYMMDD-HHMMSS。
1.1 加载偏好设置 (EXTEND.md)
使用 Bash 检查 EXTEND.md 是否存在(优先级顺序):
# 首先检查项目级
test -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo "project"
# 然后检查用户级(跨平台:$HOME 在 macOS/Linux/WSL 上有效)
test -f "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md" && echo "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 (16:9), portrait (9:16), square (1: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 的基础模板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。
每周安装数
84
代码仓库
GitHub 星标数
61
首次出现
Mar 2, 2026
安全审计
安装于
cursor84
gemini-cli84
github-copilot84
codex84
amp84
cline84
超能力技能使用指南:AI助手技能调用优先级与工作流程详解
55,300 周安装