30 KiB
baoyu-skills
English | 中文
宝玉分享的 Claude Code 技能集,提升日常工作效率。
前置要求
- 已安装 Node.js 环境
- 能够运行
npx bun命令
安装
快速安装(推荐)
npx skills add jimliu/baoyu-skills
注册插件市场
在 Claude Code 中运行:
/plugin marketplace add jimliu/baoyu-skills
安装技能
方式一:通过浏览界面
- 选择 Browse and install plugins
- 选择 baoyu-skills
- 选择要安装的插件
- 选择 Install now
方式二:直接安装
# 安装指定插件
/plugin install content-skills@baoyu-skills
/plugin install ai-generation-skills@baoyu-skills
/plugin install utility-skills@baoyu-skills
方式三:告诉 Agent
直接告诉 Claude Code:
请帮我安装 github.com/JimLiu/baoyu-skills 中的 Skills
可用插件
| 插件 | 说明 | 包含技能 |
|---|---|---|
| content-skills | 内容生成和发布 | xhs-images, infographic, cover-image, slide-deck, comic, article-illustrator, post-to-x, post-to-wechat |
| ai-generation-skills | AI 生成后端 | image-gen, danger-gemini-web |
| utility-skills | 内容处理工具 | url-to-markdown, danger-x-to-markdown, compress-image |
更新技能
更新技能到最新版本:
- 在 Claude Code 中运行
/plugin - 切换到 Marketplaces 标签页(使用方向键或 Tab)
- 选择 baoyu-skills
- 选择 Update marketplace
也可以选择 Enable auto-update 启用自动更新,每次启动时自动获取最新版本。
可用技能
技能分为三大类:
内容技能 (Content Skills)
内容生成和发布技能。
baoyu-xhs-images
小红书信息图系列生成器。将内容拆解为 1-10 张卡通风格信息图,支持 风格 × 布局 二维系统。
# 自动选择风格和布局
/baoyu-xhs-images posts/ai-future/article.md
# 指定风格
/baoyu-xhs-images posts/ai-future/article.md --style notion
# 指定布局
/baoyu-xhs-images posts/ai-future/article.md --layout dense
# 组合风格和布局
/baoyu-xhs-images posts/ai-future/article.md --style tech --layout list
# 直接输入内容
/baoyu-xhs-images 今日星座运势
风格(视觉美学):cute(默认)、fresh、warm、bold、minimal、retro、pop、notion、chalkboard
风格预览:
![]() |
![]() |
![]() |
| cute | fresh | warm |
![]() |
![]() |
![]() |
| bold | minimal | retro |
![]() |
![]() |
![]() |
| pop | notion | chalkboard |
布局(信息密度):
| 布局 | 密度 | 适用场景 |
|---|---|---|
sparse |
1-2 点 | 封面、金句 |
balanced |
3-4 点 | 常规内容 |
dense |
5-8 点 | 知识卡片、干货总结 |
list |
4-7 项 | 清单、排行 |
comparison |
双栏 | 对比、优劣 |
flow |
3-6 步 | 流程、时间线 |
布局预览:
![]() |
![]() |
![]() |
| sparse | balanced | dense |
![]() |
![]() |
![]() |
| list | comparison | flow |
baoyu-infographic
专业信息图生成器,支持 20 种布局和 17 种视觉风格。分析内容后推荐布局×风格组合,生成可发布的信息图。
# 根据内容自动推荐组合
/baoyu-infographic path/to/content.md
# 指定布局
/baoyu-infographic path/to/content.md --layout pyramid
# 指定风格(默认:craft-handmade)
/baoyu-infographic path/to/content.md --style technical-schematic
# 同时指定布局和风格
/baoyu-infographic path/to/content.md --layout funnel --style corporate-memphis
# 指定比例
/baoyu-infographic path/to/content.md --aspect portrait
选项:
| 选项 | 说明 |
|---|---|
--layout <name> |
信息布局(20 种选项) |
--style <name> |
视觉风格(17 种选项,默认:craft-handmade) |
--aspect <ratio> |
landscape (16:9)、portrait (9:16)、square (1:1) |
--lang <code> |
输出语言(en、zh、ja 等) |
布局(信息结构):
| 布局 | 适用场景 |
|---|---|
bridge |
问题→解决方案、跨越鸿沟 |
circular-flow |
循环、周期性流程 |
comparison-table |
多因素对比 |
do-dont |
正确 vs 错误做法 |
equation |
公式分解、输入→输出 |
feature-list |
产品功能、要点列表 |
fishbone |
根因分析、鱼骨图 |
funnel |
转化漏斗、筛选过程 |
grid-cards |
多主题概览、卡片网格 |
iceberg |
表面 vs 隐藏层面 |
journey-path |
用户旅程、里程碑 |
layers-stack |
技术栈、分层结构 |
mind-map |
头脑风暴、思维导图 |
nested-circles |
影响层级、范围圈 |
priority-quadrants |
四象限矩阵、优先级 |
pyramid |
层级金字塔、马斯洛需求 |
scale-balance |
利弊权衡、天平对比 |
timeline-horizontal |
历史、时间线事件 |
tree-hierarchy |
组织架构、分类树 |
venn |
重叠概念、韦恩图 |
布局预览:
风格(视觉美学):
| 风格 | 描述 |
|---|---|
craft-handmade(默认) |
手绘插画、纸艺风格 |
claymation |
3D 黏土人物、定格动画感 |
kawaii |
日系可爱、大眼睛、粉彩色 |
storybook-watercolor |
柔和水彩、童话绘本 |
chalkboard |
彩色粉笔、黑板风格 |
cyberpunk-neon |
霓虹灯光、暗色未来感 |
bold-graphic |
漫画风格、网点、高对比 |
aged-academia |
复古科学、泛黄素描 |
corporate-memphis |
扁平矢量人物、鲜艳填充 |
technical-schematic |
蓝图、等距 3D、工程图 |
origami |
折纸形态、几何感 |
pixel-art |
复古 8-bit、怀旧游戏 |
ui-wireframe |
灰度框图、界面原型 |
subway-map |
地铁图、彩色线路 |
ikea-manual |
极简线条、组装说明风 |
knolling |
整齐平铺、俯视图 |
lego-brick |
乐高积木、童趣拼搭 |
风格预览:
baoyu-cover-image
为文章生成封面图,支持类型 × 风格二维系统。
# 根据内容自动选择类型和风格
/baoyu-cover-image path/to/article.md
# 指定类型和/或风格
/baoyu-cover-image path/to/article.md --type conceptual --style blueprint
/baoyu-cover-image path/to/article.md --style warm
# 指定宽高比(默认:2.35:1)
/baoyu-cover-image path/to/article.md --aspect 16:9
# 不包含标题文字
/baoyu-cover-image path/to/article.md --no-title
可用类型:hero、conceptual、typography、metaphor、scene、minimal
可用风格:elegant(默认)、blueprint、bold-editorial、chalkboard、dark-atmospheric、editorial-infographic、fantasy-animation、flat-doodle、intuition-machine、minimal、nature、notion、pixel-art、playful、retro、sketch-notes、vector-illustration、vintage、warm、watercolor
风格预览:
baoyu-slide-deck
从内容生成专业的幻灯片图片。先创建包含样式说明的完整大纲,然后逐页生成幻灯片图片。
# 从 markdown 文件生成
/baoyu-slide-deck path/to/article.md
# 指定风格和受众
/baoyu-slide-deck path/to/article.md --style corporate
/baoyu-slide-deck path/to/article.md --audience executives
# 仅生成大纲(不生成图片)
/baoyu-slide-deck path/to/article.md --outline-only
# 指定语言
/baoyu-slide-deck path/to/article.md --lang zh
风格(视觉美学):
| 风格 | 描述 | 适用场景 |
|---|---|---|
blueprint(默认) |
技术蓝图风格,网格纹理,工程精度 | 架构设计、系统设计 |
notion |
SaaS 仪表盘美学,卡片式布局,数据清晰 | 产品演示、SaaS、B2B |
bold-editorial |
杂志社论风格,粗体排版,深色背景 | 产品发布、主题演讲 |
corporate |
海军蓝/金色配色,结构化布局,专业图标 | 投资者演示、客户提案 |
dark-atmospheric |
电影级暗色调,发光效果,氛围感 | 娱乐、游戏、创意 |
editorial-infographic |
杂志风格信息图,扁平插画 | 科技解说、研究报告 |
fantasy-animation |
吉卜力/迪士尼风格,手绘动画 | 教育、故事讲述 |
intuition-machine |
技术简报,双语标签,做旧纸张纹理 | 技术文档、双语内容 |
minimal |
极简风格,大量留白,单一强调色 | 高管简报、高端品牌 |
pixel-art |
复古 8-bit 像素风,怀旧游戏感 | 游戏、开发者分享 |
scientific |
学术图表,生物通路,精确标注 | 生物、化学、医学 |
sketch-notes |
手绘风格,柔和笔触,暖白色背景 | 教育、教程、知识分享 |
vector-illustration |
扁平矢量风格,黑色轮廓线,复古柔和配色 | 创意提案、说明性内容 |
vintage |
做旧纸张美学,历史文档风格 | 历史、传记、人文 |
watercolor |
柔和手绘水彩纹理,自然温暖 | 生活方式、健康、旅行 |
风格预览:
生成完成后,所有幻灯片会自动合并为 .pptx 文件,方便分享。
baoyu-comic
知识漫画创作器,支持画风 × 基调灵活组合。创作带有详细分镜布局的原创教育漫画,逐页生成图片。
# 从素材文件生成(自动选择画风 + 基调)
/baoyu-comic posts/turing-story/source.md
# 指定画风和基调
/baoyu-comic posts/turing-story/source.md --art manga --tone warm
/baoyu-comic posts/turing-story/source.md --art ink-brush --tone dramatic
# 使用预设(包含特殊规则)
/baoyu-comic posts/turing-story/source.md --style ohmsha
/baoyu-comic posts/turing-story/source.md --style wuxia
# 指定布局和比例
/baoyu-comic posts/turing-story/source.md --layout cinematic
/baoyu-comic posts/turing-story/source.md --aspect 16:9
# 指定语言
/baoyu-comic posts/turing-story/source.md --lang zh
# 直接输入内容
/baoyu-comic "图灵的故事与计算机科学的诞生"
选项:
| 选项 | 取值 |
|---|---|
--art |
ligne-claire(默认)、manga、realistic、ink-brush、chalk |
--tone |
neutral(默认)、warm、dramatic、romantic、energetic、vintage、action |
--style |
ohmsha、wuxia、shoujo(预设,含特殊规则) |
--layout |
standard(默认)、cinematic、dense、splash、mixed、webtoon |
--aspect |
3:4(默认,竖版)、4:3(横版)、16:9(宽屏) |
--lang |
auto(默认)、zh、en、ja 等 |
画风(渲染技法):
| 画风 | 描述 |
|---|---|
ligne-claire |
统一线条、平涂色彩,欧洲漫画传统(丁丁、Logicomix) |
manga |
大眼睛、日漫风格、表情丰富 |
realistic |
数字绘画、写实比例、精致细腻 |
ink-brush |
中国水墨笔触、水墨晕染效果 |
chalk |
黑板粉笔风格、手绘温暖感 |
基调(氛围/情绪):
| 基调 | 描述 |
|---|---|
neutral |
平衡、理性、教育性 |
warm |
怀旧、个人化、温馨 |
dramatic |
高对比、紧张、有力 |
romantic |
柔和、唯美、装饰性元素 |
energetic |
明亮、动感、活力 |
vintage |
历史感、做旧、时代真实性 |
action |
速度线、冲击效果、战斗 |
预设(画风 + 基调 + 特殊规则):
| 预设 | 等价于 | 特殊规则 |
|---|---|---|
ohmsha |
manga + neutral | 视觉比喻、禁止大头对话、道具揭秘 |
wuxia |
ink-brush + action | 气功特效、战斗视觉、氛围元素 |
shoujo |
manga + romantic | 装饰元素、眼睛细节、浪漫情节 |
布局(分镜排列):
| 布局 | 每页分镜数 | 适用场景 |
|---|---|---|
standard |
4-6 | 对话、叙事推进 |
cinematic |
2-4 | 戏剧性时刻、建立镜头 |
dense |
6-9 | 技术说明、时间线 |
splash |
1-2 大图 | 关键时刻、揭示 |
mixed |
3-7 不等 | 复杂叙事、情感弧线 |
webtoon |
3-5 竖向 | 欧姆社教程、手机阅读 |
布局预览:
![]() |
![]() |
![]() |
| standard | cinematic | dense |
![]() |
![]() |
![]() |
| splash | mixed | webtoon |
baoyu-article-illustrator
智能文章插图技能,采用类型 × 风格二维系统。分析文章结构,识别需要视觉辅助的位置,生成插图。
# 根据内容自动选择类型和风格
/baoyu-article-illustrator path/to/article.md
# 指定类型
/baoyu-article-illustrator path/to/article.md --type infographic
# 指定风格
/baoyu-article-illustrator path/to/article.md --style blueprint
# 组合类型和风格
/baoyu-article-illustrator path/to/article.md --type flowchart --style notion
类型(信息结构):
| 类型 | 描述 | 适用场景 |
|---|---|---|
infographic |
数据可视化、图表、指标 | 技术文章、数据分析 |
scene |
氛围插图、情绪渲染 | 叙事、个人故事 |
flowchart |
流程图、步骤可视化 | 教程、工作流 |
comparison |
并排对比、前后对照 | 产品比较 |
framework |
概念图、关系图 | 方法论、架构 |
timeline |
时间线进展 | 历史、项目进度 |
风格(视觉美学):
| 风格 | 描述 | 适用场景 |
|---|---|---|
notion(默认) |
极简手绘线条画 | 知识分享、SaaS、生产力 |
elegant |
精致、优雅 | 商业、思想领导力 |
warm |
友好、亲切 | 个人成长、生活方式 |
minimal |
极简、禅意 | 哲学、极简主义 |
blueprint |
技术蓝图 | 架构、系统设计 |
watercolor |
柔和艺术感、自然温暖 | 生活方式、旅行、创意 |
editorial |
杂志风格信息图 | 科技解说、新闻 |
scientific |
学术精确图表 | 生物、化学、技术 |
风格预览:
![]() |
![]() |
![]() |
| notion | elegant | warm |
![]() |
![]() |
![]() |
| minimal | blueprint | watercolor |
![]() |
![]() |
|
| editorial | scientific |
baoyu-post-to-x
发布内容和文章到 X (Twitter)。支持带图片的普通帖子和 X 文章(长篇 Markdown)。使用真实 Chrome + CDP 绕过反自动化检测。
# 发布文字
/baoyu-post-to-x "Hello from Claude Code!"
# 发布带图片
/baoyu-post-to-x "看看这个" --image photo.png
# 发布 X 文章
/baoyu-post-to-x --article path/to/article.md
baoyu-post-to-wechat
发布内容到微信公众号,支持两种模式:
图文模式 - 多图配短标题和正文:
/baoyu-post-to-wechat 图文 --markdown article.md --images ./photos/
/baoyu-post-to-wechat 图文 --markdown article.md --image img1.png --image img2.png --image img3.png
/baoyu-post-to-wechat 图文 --title "标题" --content "内容" --image img1.png --submit
文章模式 - 完整 markdown/HTML 富文本格式:
/baoyu-post-to-wechat 文章 --markdown article.md
/baoyu-post-to-wechat 文章 --markdown article.md --theme grace
/baoyu-post-to-wechat 文章 --html article.html
前置要求:已安装 Google Chrome,首次运行需扫码登录(登录状态会保存)
AI 生成技能 (AI Generation Skills)
AI 驱动的生成后端。
baoyu-image-gen
基于 AI SDK 的图像生成,使用官方 OpenAI 和 Google API。支持文生图、参考图、宽高比和质量预设。
# 基础生成(自动检测服务商)
/baoyu-image-gen --prompt "一只可爱的猫" --image cat.png
# 指定宽高比
/baoyu-image-gen --prompt "风景图" --image landscape.png --ar 16:9
# 高质量(2k 分辨率)
/baoyu-image-gen --prompt "横幅图" --image banner.png --quality 2k
# 指定服务商
/baoyu-image-gen --prompt "一只猫" --image cat.png --provider openai
# 带参考图(仅 Google 多模态支持)
/baoyu-image-gen --prompt "把它变成蓝色" --image out.png --ref source.png
选项:
| 选项 | 说明 |
|---|---|
--prompt, -p |
提示词文本 |
--promptfiles |
从文件读取提示词(多文件拼接) |
--image |
输出图片路径(必需) |
--provider |
google 或 openai(默认:google) |
--model, -m |
模型 ID |
--ar |
宽高比(如 16:9、1:1、4:3) |
--size |
尺寸(如 1024x1024) |
--quality |
normal 或 2k(默认:normal) |
--ref |
参考图片(仅 Google 多模态支持) |
环境变量(配置方法见环境配置):
| 变量 | 说明 | 默认值 |
|---|---|---|
OPENAI_API_KEY |
OpenAI API 密钥 | - |
GOOGLE_API_KEY |
Google API 密钥 | - |
OPENAI_IMAGE_MODEL |
OpenAI 模型 | gpt-image-1.5 |
GOOGLE_IMAGE_MODEL |
Google 模型 | gemini-3-pro-image-preview |
OPENAI_BASE_URL |
自定义 OpenAI 端点 | - |
GOOGLE_BASE_URL |
自定义 Google 端点 | - |
服务商自动选择:
- 如果指定了
--provider→ 使用指定的 - 如果只有一个 API 密钥 → 使用对应服务商
- 如果两个都有 → 默认使用 Google
baoyu-danger-gemini-web
与 Gemini Web 交互,生成文本和图片。
文本生成:
/baoyu-danger-gemini-web "你好,Gemini"
/baoyu-danger-gemini-web --prompt "解释量子计算"
图片生成:
/baoyu-danger-gemini-web --prompt "一只可爱的猫" --image cat.png
/baoyu-danger-gemini-web --promptfiles system.md content.md --image out.png
工具技能 (Utility Skills)
内容处理工具。
baoyu-url-to-markdown
通过 Chrome CDP 抓取任意 URL 并转换为干净的 Markdown。支持两种抓取模式,适应不同场景。
# 自动模式(默认)- 页面加载后立即抓取
/baoyu-url-to-markdown https://example.com/article
# 等待模式 - 适用于需要登录的页面
/baoyu-url-to-markdown https://example.com/private --wait
# 保存到指定文件
/baoyu-url-to-markdown https://example.com/article -o output.md
抓取模式:
| 模式 | 说明 | 适用场景 |
|---|---|---|
| 自动(默认) | 页面加载后立即抓取 | 公开页面、静态内容 |
等待(--wait) |
等待用户信号后抓取 | 需登录页面、动态内容 |
选项:
| 选项 | 说明 |
|---|---|
<url> |
要抓取的 URL |
-o <path> |
输出文件路径 |
--wait |
等待用户信号后抓取 |
--timeout <ms> |
页面加载超时(默认:30000) |
baoyu-danger-x-to-markdown
将 X (Twitter) 内容转换为 markdown 格式。支持推文串和 X 文章。
# 将推文转换为 markdown
/baoyu-danger-x-to-markdown https://x.com/username/status/123456
# 保存到指定文件
/baoyu-danger-x-to-markdown https://x.com/username/status/123456 -o output.md
# JSON 输出
/baoyu-danger-x-to-markdown https://x.com/username/status/123456 --json
支持的 URL:
https://x.com/<user>/status/<id>https://twitter.com/<user>/status/<id>https://x.com/i/article/<id>
身份验证: 使用环境变量(X_AUTH_TOKEN、X_CT0)或 Chrome 登录进行 cookie 认证。
baoyu-compress-image
压缩图片以减小文件大小,同时保持质量。
/baoyu-compress-image path/to/image.png
/baoyu-compress-image path/to/images/ --quality 80
环境配置
部分技能需要 API 密钥或自定义配置。环境变量可以在 .env 文件中设置:
加载优先级(高优先级覆盖低优先级):
- 命令行环境变量(如
OPENAI_API_KEY=xxx /baoyu-image-gen ...) process.env(系统环境变量)<cwd>/.baoyu-skills/.env(项目级)~/.baoyu-skills/.env(用户级)
配置方法:
# 创建用户级配置目录
mkdir -p ~/.baoyu-skills
# 创建 .env 文件
cat > ~/.baoyu-skills/.env << 'EOF'
# OpenAI
OPENAI_API_KEY=sk-xxx
OPENAI_IMAGE_MODEL=gpt-image-1.5
# OPENAI_BASE_URL=https://api.openai.com/v1
# Google
GOOGLE_API_KEY=xxx
GOOGLE_IMAGE_MODEL=gemini-3-pro-image-preview
# GOOGLE_BASE_URL=https://generativelanguage.googleapis.com/v1beta
EOF
项目级配置(团队共享):
mkdir -p .baoyu-skills
# 将 .baoyu-skills/.env 添加到 .gitignore 避免提交密钥
echo ".baoyu-skills/.env" >> .gitignore
自定义扩展
所有技能支持通过 EXTEND.md 文件自定义。创建扩展文件可覆盖默认样式、添加自定义配置或定义个人预设。
扩展路径(按优先级检查):
.baoyu-skills/<skill-name>/EXTEND.md- 项目级(团队/项目特定设置)~/.baoyu-skills/<skill-name>/EXTEND.md- 用户级(个人偏好设置)
示例:为 baoyu-cover-image 自定义品牌配色:
mkdir -p .baoyu-skills/baoyu-cover-image
然后创建 .baoyu-skills/baoyu-cover-image/EXTEND.md:
## 自定义风格
### brand
- 主色:#1a73e8
- 辅色:#34a853
- 字体风格:现代无衬线
- 始终包含公司 logo 水印
扩展内容会在技能执行前加载,并覆盖默认设置。
免责声明
baoyu-danger-gemini-web
此技能使用 Gemini Web API(逆向工程)。
警告: 本项目通过浏览器 cookies 使用非官方 API。使用风险自负。
- 首次运行会打开浏览器进行 Google 身份验证
- Cookies 会被缓存供后续使用
- 不保证 API 的稳定性或可用性
支持的浏览器(自动检测):Google Chrome、Chrome Canary/Beta、Chromium、Microsoft Edge
代理配置:如果需要通过代理访问 Google 服务(如中国大陆用户),请在命令前设置环境变量:
HTTP_PROXY=http://127.0.0.1:7890 HTTPS_PROXY=http://127.0.0.1:7890 /baoyu-danger-gemini-web "你好"
baoyu-danger-x-to-markdown
此技能使用逆向工程的 X (Twitter) API。
警告: 这不是官方 API。使用风险自负。
- 如果 X 更改其 API,可能会无预警失效
- 如检测到 API 使用,账号可能受限
- 首次使用需确认免责声明
- 通过环境变量或 Chrome 登录进行身份验证
许可证
MIT



































































































