baoyu-skills:24 个 AI Agent 技能包一键安装！小红书配图、信息图、SVG 架构图、PPT 幻灯片全搞定

24 个 AI Agent 技能包一键安装！小红书配图、信息图、SVG 架构图、PPT 幻灯片全搞定

💡 写完文章还要手动配图？让 AI Agent 帮你一键生成小红书卡片、信息图、架构图、封面图、PPT——12 种风格 × 20 种布局，随意组合。

目录

• 1. 项目简介
• 2. 技能全家福：24 个技能一览
• 3. 5 大核心技能深度解析
• 4. 一键安装指南
• 5. 适用场景与优缺点
• 6. 总结

📌 1. 项目简介

AI Agent（Claude Code、Codex 等）越来越强，但它们天生不擅长"视觉创作"——写文章没问题，做配图就抓瞎。你得自己打开 Canva 或 Figma，手动排版、选色、导出……

baoyu-skills 就是来填这个坑的。它是一套专为 AI Agent 打造的技能包合集，涵盖内容生成、AI 图片创作和实用工具三大类共 24 个技能。安装后，Agent 直接帮你生成小红书图片卡、专业信息图、SVG 架构图、文章封面、PPT 幻灯片……从内容到视觉，一站式搞定。

🎯 一句话定义：给 AI Agent 装上"设计师"技能——从文案到出图，一条龙。

• 🔗 GitHub 地址：https://github.com/JimLiu/baoyu-skills
• 📜 开源协议：MIT-0
• 🛠️ 运行环境：Node.js + npx bun
• 👤 作者：Jim Liu（Baoyu）

🎯 2. 技能全家福：24 个技能一览

技能分为三大类：

📝 Content Skills（内容技能）

🎨 AI Generation Skills（AI 生成技能）

🔧 Utility Skills（实用工具技能）

🔥 3. 5 大核心技能深度解析

3.1 baoyu-xhs-images：小红书图片卡生成器

这是整个技能包里最实用的技能之一。 将内容自动拆解为 1-10 张卡通风格图片卡，支持 Style × Layout 组合系统。

12 种视觉风格：

6 种信息布局：

用法示例：

# 自动选择风格和布局
/baoyu-xhs-images posts/ai-future/article.md

# 指定风格 + 布局
/baoyu-xhs-images posts/ai-future/article.md –style notion –layout dense

# 覆盖色板
/baoyu-xhs-images posts/ai-future/article.md –style notion –palette macaron

# 直接输入内容
/baoyu-xhs-images 今日星座运势

# 非交互模式（定时任务用）
/baoyu-xhs-images posts/ai-future/article.md –yes –preset knowledge-card

3.2 baoyu-infographic：专业信息图生成器

20 种布局 × 17 种视觉风格 = 340 种组合。 自动分析内容，推荐最佳布局×风格搭配。

20 种信息布局：

17 种视觉风格：

/baoyu-infographic path/to/content.md –layout pyramid –style technical-schematic
/baoyu-infographic path/to/content.md –aspect portrait –lang zh

3.3 baoyu-diagram：SVG 架构图/流程图

最硬核的技能。 不调用任何 LLM 图像模型——Claude 直接手写 SVG 代码，手工计算布局数学。

5 种图表类型：

关键特性：

• ✅ 纯 SVG 代码生成，不依赖图像模型
• ✅ 内嵌 <style> + @media (prefers-color-scheme: dark)，同一文件明暗模式自适应
• ✅ 自包含 .svg 文件，嵌入样式，即开即用

/baoyu-diagram "how JWT authentication works"
/baoyu-diagram "Kubernetes architecture" –type structural
/baoyu-diagram "OAuth 2.0 flow" –type sequence
/baoyu-diagram "微服务架构" –lang zh

3.4 baoyu-cover-image：文章封面图

5 维组合系统：Type × Palette × Rendering × Text × Mood

11 色板 × 7 渲染风格 = 77 种独特组合。

/baoyu-cover-image path/to/article.md –quick
/baoyu-cover-image path/to/article.md –type conceptual –palette cool –rendering digital
/baoyu-cover-image path/to/article.md –aspect 2.35:1

3.5 baoyu-slide-deck：PPT 幻灯片

4 维风格系统：Texture × Mood × Typography × Density

16 种预设风格：

/baoyu-slide-deck path/to/article.md –style corporate –audience executives
/baoyu-slide-deck path/to/article.md –slides 15 –lang zh

🚀 4. 一键安装指南

方式一：npx 一键安装（推荐）

npx skills add jimliu/baoyu-skills

方式二：Plugin Marketplace

在 Agent 中运行：

/plugin marketplace add JimLiu/baoyu-skills

然后通过 Browse UI 安装，或直接：

/plugin install baoyu-skills@baoyu-skills

方式三：直接告诉 Agent

Please install Skills from github.com/JimLiu/baoyu-skills

方式四：ClawHub 单独安装

clawhub install baoyu-imagine
clawhub install baoyu-markdown-to-html

更新技能

⚖️ 5. 适用场景与优缺点

✅ 适合你，如果……

• 你是内容创作者，需要小红书配图、信息图、架构图
• 你用 Claude Code / Codex 日常办公，想扩展 Agent 的视觉创作能力
• 你需要批量生成视觉内容（文章封面、PPT、图片卡）
• 你想把"写完文章→配图→发布"流程自动化

❌ 可能不适合，如果……

• 你不需要中文内容创作场景
• 你只需要简单的文字处理，不需要视觉输出
• 你需要完全自定义的视觉设计（预设风格不够灵活）

优缺点对比

📚 6. 总结

baoyu-skills 是目前中文 AI Agent 生态中最完整的视觉创作技能包。它不是简单的"画图工具"，而是一套 风格系统 + 布局系统 + 工作流 的组合：

• 小红书图片卡：12 风格 × 6 布局 × 3 色板
• 信息图：20 布局 × 17 风格
• SVG 图表：5 种类型，纯代码生成，暗色模式自适应
• 封面图：5 维组合，77 种搭配
• PPT 幻灯片：16 种预设风格

再加上 Markdown 转 HTML、YouTube 字幕提取、微信文章摘要、翻译、图片压缩等实用工具，以及发布到微信/微博/X 的社交分发能力——从内容创作到视觉输出到社交发布，全链路打通。

🌟 推荐指数：⭐⭐⭐⭐⭐（5/5）

• 适合：中文内容创作者、AI Agent 重度用户、需要视觉自动化的团队
• 亮点：24 个技能一键安装 + 风格/布局组合系统 + 中文生态深度适配
• 关注：部分 AI 生成技能标记为 danger（实验性），需谨慎使用

一句话总结：如果你的 AI Agent 需要创作视觉内容，baoyu-skills 是目前中文生态里最值得装的技能包——没有之一。

📢 原文链接：https://github.com/JimLiu/baoyu-skills ⚡ 一键安装：npx skills add jimliu/baoyu-skills

标签：#baoyu-skills #ClaudeCode #小红书 #信息图 #SVG #AI配图 #技能包