本文介绍宝玉(baoyu)系列的9个AI图像生成技能,覆盖从文章配图、信息图、小红书图片到漫画、PPT等全场景视觉内容创作需求。
作为一个经常需要为文章配图、做PPT、发社交媒体的程序员,我深知找图的痛苦——要么找不到合适的,要么版权有问题,要么风格不统一。最近把宝玉系列的9个技能都装上了,用了一段时间后发现是真的香。
宝玉不是单一工具,而是一套完整的视觉内容生成方案。每个技能负责一个垂直场景,但底层风格系统是打通的。这篇文章就来详细介绍这9个技能,帮你快速找到适合自己的工具。
宝玉技能全景图
先来个汇总表,一眼看清每个技能是干什么的:
| 技能名称 | 触发条件 | 使用方法 | 适用范围 |
|---|---|---|---|
| baoyu-xhs-images | “小红书图片”、“XHS images”、“小红书种草” | /baoyu-xhs-images 文章.md --style cute --layout dense |
小红书、微信图文等社交媒体配图 |
| baoyu-image-cards | “图片卡片”、“image cards”、“微信贴图” | /baoyu-image-cards 内容.md --style notion --layout list |
社交媒体信息图系列 |
| baoyu-infographic | “信息图”、“infographic”、“可视化” | /baoyu-infographic 内容.md --layout bento-grid --style craft-handmade |
单张高密度信息大图 |
| baoyu-diagram | “画流程图”、“画架构图”、“画时序图” | /baoyu-diagram "主题" --type flowchart |
技术文档配图、架构图、流程图 |
| baoyu-cover-image | “封面图”、“文章封面”、“generate cover” | /baoyu-cover-image 文章.md --type conceptual --palette warm |
博客文章、公众号封面 |
| baoyu-slide-deck | “生成PPT”、“slide deck”、“presentation” | /baoyu-slide-deck 内容.md --style blueprint |
演示文稿、分享slides |
| baoyu-comic | “知识漫画”、“教育漫画”、“biography comic” | /baoyu-comic 内容.md --art manga --tone warm |
知识科普、人物传记漫画 |
| baoyu-article-illustrator | “文章配图”、“为文章配图”、“illustrate article” | /baoyu-article-illustrator 文章.md --type infographic |
文章内嵌插图 |
| baoyu-imagine | “生成图片”、“draw image”、AI绘图 | /baoyu-imagine --prompt "描述" --ar 16:9 |
通用图像生成、底层引擎 |
各技能详解
1. baoyu-xhs-images:小红书图片系列生成器
一句话总结:把长文章拆解成适合小红书滑动浏览的系列图片。
使用方法
# 自动分析内容并生成
/baoyu-xhs-images posts/ai-future/article.md
# 指定风格和布局
/baoyu-xhs-images article.md --style notion --layout dense
# 直接粘贴内容
/baoyu-xhs-images --style cute --layout list
[粘贴你的内容]
风格系统
xhs-images有两个核心维度:Style(视觉风格) × Layout(信息布局)。
风格示例总览:
| 风格 | 示例 | 特点 | 适用场景 |
|---|---|---|---|
| cute | ![]() |
甜美可爱,经典小红书风 | 美妆、穿搭、生活分享 |
| fresh | ![]() |
清新自然 | 健康、养生、户外 |
| warm | ![]() |
温馨治愈 | 情感故事、生活感悟 |
| bold | ![]() |
高冲击力、醒目 | 重要提醒、避坑指南 |
| minimal | ![]() |
极简高级 | 商务、专业内容 |
| retro | ![]() |
复古怀旧 | 经典盘点、怀旧主题 |
| pop | ![]() |
活力撞色 | 趣味内容、冷知识 |
| notion | ![]() |
手绘线条、知识分子风 | 干货知识、概念科普 |
| chalkboard | ![]() |
彩色粉笔黑板风 | 教程、课堂笔记 |
布局示例总览:
| 布局 | 示例 | 信息密度 | 特点 |
|---|---|---|---|
| sparse | ![]() |
1-2个要点 | 封面、强调单点 |
| balanced | ![]() |
3-4个要点 | 标准内容页 |
| dense | ![]() |
5-8个要点 | 知识卡片、干货 |
| list | ![]() |
4-7项 | 清单、排行榜 |
| comparison | ![]() |
对比 | A vs B、优缺点 |
| flow | ![]() |
3-6步 | 流程、时间线 |
不同提示词效果对比
同一个AI入门主题,不同风格对比:
- –style cute --layout sparse:粉色系、圆角装饰、大图标,适合女生向种草
- –style notion --layout dense:白底黑线、信息密集,适合技术干货
- –style chalkboard --layout flow:黑板背景、粉笔手写感,适合教程讲解
总结
小红书图片生成器的核心优势是自动拆解内容 + 风格统一。你只需要提供文章,它会分析内容结构,生成封面+内容页+结尾的完整系列,并且用参考图链保证整套图片风格一致。
2. baoyu-image-cards:图片卡片系列生成器
一句话总结:xhs-images的增强版,多了预设组合和配色覆盖功能。
使用方法
# 使用预设(一键设置风格+布局+配色)
/baoyu-image-cards article.md --preset knowledge-card
# 指定配色覆盖
/baoyu-image-cards article.md --style notion --palette macaron
# 非交互模式(适合定时任务)
/baoyu-image-cards article.md --yes
与xhs-images的区别
| 特性 | baoyu-xhs-images | baoyu-image-cards |
|---|---|---|
| 风格数量 | 10种 | 12种(新增screen-print、sketch-notes) |
| 预设 | 无 | 20+预设 |
| 配色覆盖 | 无 | 3种(macaron、warm、neon) |
| 非交互模式 | 无 | --yes支持 |
预设速查表
知识学习类:
| 预设 | 风格+布局+配色 | 最佳场景 |
|---|---|---|
| knowledge-card | notion + dense | 干货知识卡 |
| checklist | notion + list | 清单、排行榜 |
| tutorial | chalkboard + flow | 教程步骤 |
| hand-drawn-edu | sketch-notes + flow | 手绘教程 |
生活方式类:
| 预设 | 风格+布局+配色 | 最佳场景 |
|---|---|---|
| cute-share | cute + balanced | 少女风分享 |
| product-review | fresh + comparison | 产品测评 |
观点表达类:
| 预设 | 风格+布局+配色 | 最佳场景 |
|---|---|---|
| warning | bold + list | 避坑指南 |
| versus | bold + comparison | 正反对比 |
配色覆盖效果
同一个notion风格,不同配色:
| 配色 | 背景 | 主色 | 感觉 |
|---|---|---|---|
| 默认 | 白色 | 黑白 | 知识分子风 |
| macaron | 暖米色 | 蓝+薰衣草+薄荷+桃色 | 柔和教育风 |
| warm | 桃色渐变 | 橙+赤陶+金+玫瑰 | 温暖大地色 |
| neon | 深紫 | 青+品红+绿+粉 | 高能赛博风 |
总结
如果你需要快速生成且不想纠结参数,用image-cards的预设;如果需要精细控制和更多风格选项,用xhs-images。
3. baoyu-infographic:专业信息图生成器
一句话总结:生成单张高密度、出版级质量的信息图。
使用方法
# 默认生成(bento-grid布局 + craft-handmade风格)
/baoyu-infographic content.md
# 指定布局和风格
/baoyu-infographic content.md --layout hierarchical-layers --style technical-schematic
# 自定义比例
/baoyu-infographic content.md --aspect 3:4
21种布局
| 布局 | 最佳场景 |
|---|---|
| linear-progression | 时间线、流程、教程 |
| binary-comparison | A vs B、前后对比 |
| hierarchical-layers | 金字塔、优先级 |
| bento-grid(默认) | 多主题概览 |
| iceberg | 表象vs本质 |
| bridge | 问题→解决方案 |
| funnel | 转化漏斗 |
| dashboard | 指标、KPI |
| periodic-table | 分类集合 |
| dense-modules | 高密度知识指南 |
21种风格
| 风格 | 示例 | 特点 |
|---|---|---|
| craft-handmade(默认) | ![]() |
手作纸张感 |
| technical-schematic | ![]() |
工程蓝图 |
| claymation | ![]() |
3D粘土定格动画 |
| kawaii | ![]() |
日式可爱 |
| chalkboard | ![]() |
粉笔黑板 |
| cyberpunk-neon | ![]() |
赛博朋克霓虹 |
| corporate-memphis | ![]() |
商业扁平插画 |
| ikea-manual | ![]() |
宜家说明书风 |
| origami | ![]() |
折纸几何 |
| pixel-art | 像素艺术 | |
| subway-map | ![]() |
地铁线路图风 |
代表布局示例
| 布局 | 示例 | 最佳场景 |
|---|---|---|
| bridge | ![]() |
问题→解决方案 |
| funnel | ![]() |
转化漏斗 |
| iceberg | ![]() |
表象vs本质 |
| timeline-horizontal | ![]() |
时间线 |
| venn | ![]() |
概念重叠 |
| mind-map | ![]() |
思维导图 |
总结
信息图生成器的核心是忠于数据。它不会帮你总结或改写内容,而是把你提供的信息忠实地可视化。适合已经有清晰数据或结构,需要一张"拿得出手"的专业配图。
4. baoyu-diagram:SVG图表生成器
一句话总结:用代码绘制矢量图表,输出可编辑的SVG文件。
使用方法
# 自动路由图表类型
/baoyu-diagram "how JWT authentication works"
# 强制指定类型
/baoyu-diagram "OAuth 2.0 flow" --type sequence
/baoyu-diagram "Kubernetes architecture" --type structural
/baoyu-diagram "agent loop" --type illustrative
5种图表类型
| 类型 | 读者需求 | 典型场景 |
|---|---|---|
| flowchart | 步骤顺序 | 流程、生命周期、状态机 |
| sequence | 谁和谁通信 | 协议、认证流程、webhook |
| structural | 组成部分 | 架构、组件关系、拓扑 |
| illustrative | 理解原理 | 机制解释、概念可视化 |
| class | 类型关系 | UML类图、继承关系 |
路由规则
输入的关键词决定生成什么图:
| 你说 | 生成 |
|---|---|
| “how does X work” | illustrative(解释原理) |
| “X architecture” | structural(组件架构) |
| “X flow/steps” | flowchart(流程步骤) |
| “X protocol/handshake” | sequence(时序图) |
| “class hierarchy” | class(类图) |
效果特点
- 矢量格式:SVG可无损缩放,适合论文、PPT
- 自动暗黑模式:根据系统主题自动切换配色
- 一致性设计:所有图表遵循统一的设计系统
- 可手动编辑:用代码编辑器打开SVG即可修改
总结
diagram是技术写作者的福音。不需要打开Figma或draw.io,一句话就能生成专业的架构图、时序图。而且风格统一,放在一篇文章里不会显得杂乱。
5. baoyu-cover-image:文章封面图生成器
一句话总结:5个维度组合生成文章封面,支持21:9超宽横幅。
使用方法
# 自动分析文章生成封面
/baoyu-cover-image article.md
# 快速模式(跳过确认)
/baoyu-cover-image article.md --quick
# 指定5个维度
/baoyu-cover-image article.md --type conceptual --palette warm --rendering flat-vector --text title-only --mood balanced
5个维度详解
| 维度 | 选项 | 默认值 |
|---|---|---|
| Type(类型) | hero, conceptual, typography, metaphor, scene, minimal | auto |
| Palette(配色) | warm, cool, dark, earth, vivid, pastel, mono, retro, macaron… | auto |
| Rendering(渲染) | flat-vector, hand-drawn, painterly, digital, pixel, chalk, screen-print | auto |
| Text(文字) | none, title-only, title-subtitle, text-rich | title-only |
| Mood(氛围) | subtle, balanced, bold | balanced |
风格预设
不想自己组合?用预设:
| 预设 | 示例 | 组合 | 适合 |
|---|---|---|---|
| blueprint | ![]() |
grid + cool + technical | 技术文章 |
| chalkboard | ![]() |
chalk + warm | 教程 |
| editorial-infographic | ![]() |
cool + editorial | 观点文章 |
| minimal | ![]() |
minimal + clean | 极简主题 |
| watercolor | ![]() |
watercolor + warm | 生活方式 |
比例支持
| 比例 | 用途 |
|---|---|
| 21:9 | 超宽横幅(推荐博客封面) |
| 16:9 | 标准宽屏 |
| 1:1 | 正方形(适合公众号) |
| 3:4 | 竖版 |
总结
封面图生成器最贴心的功能是自动提取文章标题。你不需要手动输入,它会读取文章文件自动使用文章标题作为封面文字。支持参考图传入,可以模仿特定风格。
6. baoyu-slide-deck:PPT幻灯片生成器
一句话总结:把文章内容转换成可直接分享的幻灯片图片,并合并为PPT/PDF。
使用方法
# 生成完整幻灯片
/baoyu-slide-deck content.md
# 只生成大纲
/baoyu-slide-deck content.md --outline-only
# 只生成图片(已有prompts)
/baoyu-slide-deck slide-deck/topic/ --images-only
# 重新生成第3页
/baoyu-slide-deck slide-deck/topic/ --regenerate 3
17种风格预设
| 预设 | 示例 | 特点 | 场景 |
|---|---|---|---|
| blueprint | ![]() |
网格+冷色+技术感 | 架构设计 |
| corporate | ![]() |
商务简洁 | 投资人汇报 |
| minimal | ![]() |
极简 | 高管简报 |
| sketch-notes | ![]() |
手绘笔记风 | 教育教程 |
| editorial-infographic | ![]() |
编辑信息图 | 科技解读 |
| dark-atmospheric | ![]() |
暗黑氛围 | 游戏/娱乐 |
| scientific | ![]() |
科学严谨 | 学术报告 |
| notion | ![]() |
Notion风 | 产品/SaaS |
4个风格维度
每个预设背后都是4个维度的组合:
| 维度 | 选项 |
|---|---|
| Texture(质感) | clean, grid, organic, pixel, paper |
| Mood(情绪) | professional, warm, cool, vibrant, dark, neutral |
| Typography(字体) | geometric, humanist, handwritten, editorial, technical |
| Density(密度) | minimal, balanced, dense |
幻灯片数量建议
| 内容长度 | 建议页数 |
|---|---|
| <1000字 | 5-10页 |
| 1000-3000字 | 10-18页 |
| 3000-5000字 | 15-25页 |
| >5000字 | 20-30页 |
总结
slide-deck的设计理念是"为阅读和分享设计,而非现场演讲"。每页自成一体,滑动浏览时逻辑连贯。生成后自动合并为PPTX和PDF,直接可用。
7. baoyu-comic:知识漫画生成器
一句话总结:生成教育类漫画,支持多种画风和情绪基调。
使用方法
# 使用预设
/baoyu-comic story.md --style ohmsha
# 自定义画风+基调
/baoyu-comic story.md --art manga --tone warm
# 只生成分镜
/baoyu-comic story.md --storyboard-only
6种画风
| 画风 | 特点 | 代表作 |
|---|---|---|
| ligne-claire(默认) | 清线、平涂、欧洲漫画传统 | 《丁丁历险记》《Logicomix》 |
| manga | 大眼、日系表现 | 日本漫画 |
| realistic | 数字绘画、写实 | 欧美图像小说 |
| ink-brush | 水墨笔触 | 国风武侠 |
| chalk | 粉笔画风 | 课堂感 |
| minimalist | 极简线条 | 四格漫画 |
7种基调
| 基调 | 氛围 |
|---|---|
| neutral(默认) | 理性、教育 |
| warm | 温馨、怀旧 |
| dramatic | 戏剧张力 |
| romantic | 浪漫唯美 |
| energetic | 活力动感 |
| vintage | 复古历史 |
| action | 动作冲击 |
特殊预设
| 预设 | 示例 | 画风+基调 | 特点 |
|---|---|---|---|
| ohmsha | ![]() |
manga + neutral | 欧姆社科普漫画风,视觉隐喻 |
| wuxia | ![]() |
ink-brush + action | 武侠风,气功特效 |
| shoujo | ![]() |
manga + romantic | 少女漫画,装饰元素 |
| classic | ![]() |
ligne-claire + neutral | 经典清线风 |
| realistic | ![]() |
realistic + dramatic | 写实图像小说风 |
布局示例
| 布局 | 示例 | 特点 |
|---|---|---|
| standard | ![]() |
标准分镜 |
| webtoon | ![]() |
竖向长条,适合移动端 |
| cinematic | ![]() |
电影感构图 |
| splash | ![]() |
大跨页冲击力 |
总结
comic适合把枯燥的知识变成有情节、有画面的故事。ohmsha预设尤其推荐,它模仿日本欧姆社科普漫画的风格,用视觉隐喻解释抽象概念,非常适合技术主题。
8. baoyu-article-illustrator:文章配图助手
一句话总结:分析文章结构,在合适位置自动生成配图。
使用方法
# 分析文章并配图
/baoyu-article-illustrator article.md
# 指定类型和密度
/baoyu-article-illustrator article.md --type infographic --density balanced
# 使用预设
/baoyu-article-illustrator article.md --preset edu-visual
3维组合
| 维度 | 选项 |
|---|---|
| Type(信息类型) | infographic, scene, flowchart, comparison, framework, timeline |
| Style(视觉风格) | notion, warm, minimal, blueprint, watercolor, elegant… |
| Palette(配色,可选) | macaron, warm, neon |
配图密度
| 密度 | 图片数量 | 适合 |
|---|---|---|
| minimal | 1-2张 | 短文、简单主题 |
| balanced | 3-5张 | 标准文章 |
| per-section | 每节1张 | 长文、复杂主题 |
| rich | 6+张 | 深度长文 |
代表风格示例
| 风格 | 示例 | 特点 |
|---|---|---|
| blueprint | ![]() |
技术蓝图风 |
| notion | ![]() |
极简知识风 |
| watercolor | ![]() |
柔和水彩 |
| scientific | ![]() |
科学说明风 |
| editorial | ![]() |
杂志编辑风 |
| fantasy-animation | ![]() |
动画感叙事 |
总结
这是写作者的"配图外挂"。不需要你自己想哪里需要图、需要什么图,它会分析文章结构,自动在关键位置插入合适的插图。配图会保存在文章目录的imgs/文件夹下,并在文章中插入Markdown图片引用。
9. baoyu-imagine:底层图像生成引擎
一句话总结:支持10+AI绘图API的通用图像生成工具。
使用方法
# 基础生成
/baoyu-imagine --prompt "A cat" --image cat.png
# 指定比例
/baoyu-imagine --prompt "Landscape" --image out.png --ar 16:9
# 使用参考图
/baoyu-imagine --prompt "Make it blue" --image out.png --ref source.png
# 批量生成
/baoyu-imagine --batchfile batch.json
支持的API提供商
| 提供商 | 代表模型 | 特点 |
|---|---|---|
| Gemini 3 Pro Image | 多模态,支持参考图 | |
| OpenAI | GPT Image 1.5 | 原生编辑功能 |
| Azure OpenAI | GPT Image 1.5 | 企业级 |
| OpenRouter | Gemini 3.1 Flash | 统一接口 |
| DashScope | 通义万象 Qwen-Image | 中文优化 |
| Z.AI | GLM-Image | 智谱 |
| MiniMax | image-01 | 角色一致性 |
| Jimeng | 即梦 | 字节系 |
| Seedream | 豆包 | 字节系 |
| Replicate | nano-banana, Seedream | 社区模型 |
质量预设
| 预设 | OpenAI | Replicate | 用途 | |
|---|---|---|---|---|
| normal | 1K | 1024px | 1K | 快速预览 |
| 2k(默认) | 2K | 2048px | 2K | 封面、插图 |
批量模式
当需要生成多张图片时,使用batch模式:
{
"jobs": 4,
"tasks": [
{"id": "cover", "promptFiles": ["hero.md"], "image": "cover.png"},
{"id": "diagram", "promptFiles": ["diagram.md"], "image": "diagram.png", "ref": ["ref.png"]}
]
}
总结
imagine是其他所有宝玉技能的底层引擎。它本身不提供内容分析或自动拆解,但提供最强大的生成控制能力。当你需要精细控制模型、参数、批量生成时,直接用它。
如何选择合适的技能
| 你的需求 | 推荐技能 |
|---|---|
| 发小红书/朋友圈系列图 | baoyu-xhs-images 或 baoyu-image-cards |
| 文章需要一张信息图 | baoyu-infographic |
| 技术文档需要架构图/流程图 | baoyu-diagram |
| 博客需要封面图 | baoyu-cover-image |
| 做分享PPT | baoyu-slide-deck |
| 把知识变成漫画 | baoyu-comic |
| 长文需要多处配图 | baoyu-article-illustrator |
| 精细控制生成参数 | baoyu-imagine |
安装与配置
所有宝玉技能都托管在GitHub上:
# 查看可用技能
clawhub search baoyu
# 安装单个技能
clawhub install baoyu-xhs-images
# 批量安装
clawhub install baoyu-cover-image baoyu-diagram baoyu-infographic
首次使用技能时,会引导你完成配置(语言偏好、默认模型、输出目录等),配置保存在~/.baoyu-skills/{skill-name}/EXTEND.md。
写在最后
宝玉系列的9个技能覆盖了视觉内容创作的全场景。从社交媒体的系列图片,到技术文档的架构图,从文章封面到完整PPT,从信息图到知识漫画——基本上市面上主流的AI图像需求都能满足。
最重要的是,它们都是本地运行、代码开源的。你的数据不会上传到第三方服务,提示词和生成的图片都保存在本地目录,完全可控。
如果你也在用OpenClaw,强烈推荐把这9个技能都装上。刚开始可能需要花点时间理解每个技能的参数,但一旦上手,内容创作的效率会有质的飞跃。
有任何问题可以去GitHub仓库提issue:github.com/JimLiu/baoyu-skills
本文部分内容参考宝玉技能官方文档,示例图片来源于GitHub仓库screenshots目录。


























































