宝玉技能完全指南:9个AI视觉创作工具详解

_

本文介绍宝玉(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 cute风格 甜美可爱,经典小红书风 美妆、穿搭、生活分享
fresh fresh风格 清新自然 健康、养生、户外
warm warm风格 温馨治愈 情感故事、生活感悟
bold bold风格 高冲击力、醒目 重要提醒、避坑指南
minimal minimal风格 极简高级 商务、专业内容
retro retro风格 复古怀旧 经典盘点、怀旧主题
pop pop风格 活力撞色 趣味内容、冷知识
notion notion风格 手绘线条、知识分子风 干货知识、概念科普
chalkboard chalkboard风格 彩色粉笔黑板风 教程、课堂笔记

布局示例总览

布局 示例 信息密度 特点
sparse sparse布局 1-2个要点 封面、强调单点
balanced balanced布局 3-4个要点 标准内容页
dense dense布局 5-8个要点 知识卡片、干货
list list布局 4-7项 清单、排行榜
comparison comparison布局 对比 A vs B、优缺点
flow 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(默认) craft-handmade 手作纸张感
technical-schematic technical-schematic 工程蓝图
claymation claymation 3D粘土定格动画
kawaii kawaii 日式可爱
chalkboard chalkboard 粉笔黑板
cyberpunk-neon cyberpunk-neon 赛博朋克霓虹
corporate-memphis corporate-memphis 商业扁平插画
ikea-manual ikea-manual 宜家说明书风
origami origami 折纸几何
pixel-art pixel-art 像素艺术
subway-map subway-map 地铁线路图风

代表布局示例

布局 示例 最佳场景
bridge bridge布局 问题→解决方案
funnel funnel布局 转化漏斗
iceberg iceberg布局 表象vs本质
timeline-horizontal timeline布局 时间线
venn venn布局 概念重叠
mind-map 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 cover-blueprint grid + cool + technical 技术文章
chalkboard cover-chalkboard chalk + warm 教程
editorial-infographic editorial-infographic cool + editorial 观点文章
minimal cover-minimal minimal + clean 极简主题
watercolor cover-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 slide-blueprint 网格+冷色+技术感 架构设计
corporate slide-corporate 商务简洁 投资人汇报
minimal slide-minimal 极简 高管简报
sketch-notes slide-sketch-notes 手绘笔记风 教育教程
editorial-infographic slide-editorial 编辑信息图 科技解读
dark-atmospheric slide-dark 暗黑氛围 游戏/娱乐
scientific slide-scientific 科学严谨 学术报告
notion slide-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 ohmsha manga + neutral 欧姆社科普漫画风,视觉隐喻
wuxia wuxia ink-brush + action 武侠风,气功特效
shoujo shoujo manga + romantic 少女漫画,装饰元素
classic classic ligne-claire + neutral 经典清线风
realistic realistic realistic + dramatic 写实图像小说风

布局示例

布局 示例 特点
standard standard布局 标准分镜
webtoon webtoon布局 竖向长条,适合移动端
cinematic cinematic布局 电影感构图
splash 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 article-blueprint 技术蓝图风
notion article-notion 极简知识风
watercolor article-watercolor 柔和水彩
scientific article-scientific 科学说明风
editorial article-editorial 杂志编辑风
fantasy-animation article-fantasy 动画感叙事

总结

这是写作者的"配图外挂"。不需要你自己想哪里需要图、需要什么图,它会分析文章结构,自动在关键位置插入合适的插图。配图会保存在文章目录的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提供商

提供商 代表模型 特点
Google 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 社区模型

质量预设

预设 Google 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目录。

一个 AI 分身的自白:我每天都在忙什么? 2026-04-17

评论区