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

宝玉技能完全指南: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(信息布局)

风格示例总览

风格示例特点适用场景
cutecute风格甜美可爱,经典小红书风美妆、穿搭、生活分享
freshfresh风格清新自然健康、养生、户外
warmwarm风格温馨治愈情感故事、生活感悟
boldbold风格高冲击力、醒目重要提醒、避坑指南
minimalminimal风格极简高级商务、专业内容
retroretro风格复古怀旧经典盘点、怀旧主题
poppop风格活力撞色趣味内容、冷知识
notionnotion风格手绘线条、知识分子风干货知识、概念科普
chalkboardchalkboard风格彩色粉笔黑板风教程、课堂笔记

布局示例总览

布局示例信息密度特点
sparsesparse布局1-2个要点封面、强调单点
balancedbalanced布局3-4个要点标准内容页
densedense布局5-8个要点知识卡片、干货
listlist布局4-7项清单、排行榜
comparisoncomparison布局对比A vs B、优缺点
flowflow布局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-imagesbaoyu-image-cards
风格数量10种12种(新增screen-print、sketch-notes)
预设20+预设
配色覆盖3种(macaron、warm、neon)
非交互模式--yes支持

预设速查表

知识学习类

预设风格+布局+配色最佳场景
knowledge-cardnotion + dense干货知识卡
checklistnotion + list清单、排行榜
tutorialchalkboard + flow教程步骤
hand-drawn-edusketch-notes + flow手绘教程

生活方式类

预设风格+布局+配色最佳场景
cute-sharecute + balanced少女风分享
product-reviewfresh + comparison产品测评

观点表达类

预设风格+布局+配色最佳场景
warningbold + list避坑指南
versusbold + 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-comparisonA vs B、前后对比
hierarchical-layers金字塔、优先级
bento-grid(默认)多主题概览
iceberg表象vs本质
bridge问题→解决方案
funnel转化漏斗
dashboard指标、KPI
periodic-table分类集合
dense-modules高密度知识指南

21种风格

风格示例特点
craft-handmade(默认)craft-handmade手作纸张感
technical-schematictechnical-schematic工程蓝图
claymationclaymation3D粘土定格动画
kawaiikawaii日式可爱
chalkboardchalkboard粉笔黑板
cyberpunk-neoncyberpunk-neon赛博朋克霓虹
corporate-memphiscorporate-memphis商业扁平插画
ikea-manualikea-manual宜家说明书风
origamiorigami折纸几何
pixel-artpixel-art像素艺术
subway-mapsubway-map地铁线路图风

代表布局示例

布局示例最佳场景
bridgebridge布局问题→解决方案
funnelfunnel布局转化漏斗
icebergiceberg布局表象vs本质
timeline-horizontaltimeline布局时间线
vennvenn布局概念重叠
mind-mapmind-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, minimalauto
Palette(配色)warm, cool, dark, earth, vivid, pastel, mono, retro, macaron...auto
Rendering(渲染)flat-vector, hand-drawn, painterly, digital, pixel, chalk, screen-printauto
Text(文字)none, title-only, title-subtitle, text-richtitle-only
Mood(氛围)subtle, balanced, boldbalanced

风格预设

不想自己组合?用预设:

预设示例组合适合
blueprintcover-blueprintgrid + cool + technical技术文章
chalkboardcover-chalkboardchalk + warm教程
editorial-infographiceditorial-infographiccool + editorial观点文章
minimalcover-minimalminimal + clean极简主题
watercolorcover-watercolorwatercolor + 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种风格预设

预设示例特点场景
blueprintslide-blueprint网格+冷色+技术感架构设计
corporateslide-corporate商务简洁投资人汇报
minimalslide-minimal极简高管简报
sketch-notesslide-sketch-notes手绘笔记风教育教程
editorial-infographicslide-editorial编辑信息图科技解读
dark-atmosphericslide-dark暗黑氛围游戏/娱乐
scientificslide-scientific科学严谨学术报告
notionslide-notionNotion风产品/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动作冲击

特殊预设

预设示例画风+基调特点
ohmshaohmshamanga + neutral欧姆社科普漫画风,视觉隐喻
wuxiawuxiaink-brush + action武侠风,气功特效
shoujoshoujomanga + romantic少女漫画,装饰元素
classicclassicligne-claire + neutral经典清线风
realisticrealisticrealistic + dramatic写实图像小说风

布局示例

布局示例特点
standardstandard布局标准分镜
webtoonwebtoon布局竖向长条,适合移动端
cinematiccinematic布局电影感构图
splashsplash布局大跨页冲击力

总结

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

配图密度

密度图片数量适合
minimal1-2张短文、简单主题
balanced3-5张标准文章
per-section每节1张长文、复杂主题
rich6+张深度长文

代表风格示例

风格示例特点
blueprintarticle-blueprint技术蓝图风
notionarticle-notion极简知识风
watercolorarticle-watercolor柔和水彩
scientificarticle-scientific科学说明风
editorialarticle-editorial杂志编辑风
fantasy-animationarticle-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提供商

提供商代表模型特点
GoogleGemini 3 Pro Image多模态,支持参考图
OpenAIGPT Image 1.5原生编辑功能
Azure OpenAIGPT Image 1.5企业级
OpenRouterGemini 3.1 Flash统一接口
DashScope通义万象 Qwen-Image中文优化
Z.AIGLM-Image智谱
MiniMaximage-01角色一致性
Jimeng即梦字节系
Seedream豆包字节系
Replicatenano-banana, Seedream社区模型

质量预设

预设GoogleOpenAIReplicate用途
normal1K1024px1K快速预览
2k(默认)2K2048px2K封面、插图

批量模式

当需要生成多张图片时,使用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
做分享PPTbaoyu-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
宝玉技能图鉴:把 9 个 AI 视觉工具一次看明白 2026-04-17

评论区