制作小红书图卡和信息图

由宝玉分享的 AI 智能体技能集，15+ 套装共 21 个可安装子 Skill，覆盖小红书图卡、信息图、SVG 图表、封面图、幻灯片、知识漫画、文章插图等内容生成，以及公众号/X/微博发布、YouTube 转录、网页转 Markdown、压缩图片、翻译、群聊总结等工具链。产物是能直接发布的图和 HTML，支持多家图像生成后端，并可通过环境变量与 EXTEND.md 自定义配置。

技能介绍

baoyu-skills 是宝玉（前微软工程师、AI 技术博主）分享的一系列技能，用于通过 AI 智能体（Claude Code、Codex 等）提升日常工作效率：生成内容、创建图像、制作图表、在社交平台发布内容等。

这是一套图文创作技能集：做知识图卡、信息图、公众号排版和小红书图组，产物是能直接发布的图和 HTML。整套共 21 个可安装子 Skill，分为内容技能、AI 生成技能与实用工具技能三类。

适用场景

把这篇文章做成一张适合公众号或社媒传播的封面图，并给出标题排版方案。
为长文生成 3 张概念插图，分别对应开头、核心观点和结尾。
把草稿整理成可发布到微信公众号的版本，保留引用和配图建议。
把一篇文章拆成 1-10 张小红书图文卡片，或生成专业信息图与 SVG 图表。
需要把内容发布到 X、微博、公众号，或把网页/视频/推文转成干净的 Markdown 素材。

核心能力

内容技能

baoyu-xhs-images —— 小红书图文卡片系列生成器。 将内容拆分为 1-10 张卡通风格的图文卡片，采用 样式 × 布局 系统，并可选调色板覆盖。样式：cute（默认）、fresh、warm、bold、minimal、retro、pop、notion、chalkboard、study-notes、screen-print、sketch-notes；调色板：macaron、warm、neon；布局按信息密度分 sparse（1-2 点，封面/引言）、balanced（3-4 点）、dense（5-8 点）、list（4-7 项）、comparison（2 面）、flow（3-6 步）。

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

# 组合样式和布局
/baoyu-xhs-images posts/ai-future/article.md --style notion --layout list

# 非交互模式（跳过所有确认，用于定时任务）
/baoyu-xhs-images posts/ai-future/article.md --yes --preset knowledge-card

baoyu-infographic —— 专业信息图。 包含 21 种布局类型和 21 种视觉风格；分析内容后推荐布局×风格组合，可用 --aspect 指定宽高比（命名预设 landscape 16:9、portrait 9:16、square 1:1，或自定义如 3:4、2.35:1）。布局含 bridge、circular-flow、comparison-table、do-dont、equation、feature-list、fishbone、funnel、grid-cards、iceberg、journey-path、layers-stack、mind-map、nested-circles、priority-quadrants、pyramid、scale-balance、timeline-horizontal、tree-hierarchy、venn 等；风格含 craft-handmade（默认，手绘纸艺）、claymation、kawaii、storybook-watercolor、chalkboard、cyberpunk-neon、bold-graphic、aged-academia、corporate-memphis、technical-schematic、origami、pixel-art、ui-wireframe、subway-map、ikea-manual、knolling、lego-brick。

/baoyu-infographic path/to/content.md --layout funnel --style corporate-memphis

baoyu-diagram —— 生成可直接发布的 SVG 图表。 支持流程图、序列/协议图、结构/架构图与说明性直觉图。它不是图像生成技能，不调用任何 LLM 图像模型：由 Claude 手工计算布局数学直接编写 SVG，输出自包含 .svg 文件（内嵌样式与 @media (prefers-color-scheme: dark)，同一文件在亮/暗模式下都能正确渲染）。

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

baoyu-cover-image —— 文章封面图。 采用 5 个维度：类型 × 调色板 × 渲染 × 文字 × 情绪，组合 11 种调色板和 7 种渲染风格，共 77 种独特组合。类型：hero、conceptual、typography、metaphor、scene、minimal；文字：none、title-only（默认）、title-subtitle、text-rich；情绪：subtle、balanced（默认）、bold。

/baoyu-cover-image path/to/article.md --type conceptual --palette cool --rendering digital

baoyu-slide-deck —— 幻灯片图像。 生成含样式指令的大纲，再逐张生成幻灯片图像，生成后自动合并为 .pptx 和 .pdf。样式由 纹理 × 情绪 × 排版 × 密度 四个维度构成，内置 blueprint（默认）、chalkboard、corporate、minimal、sketch-notes、watercolor、dark-atmospheric、notion、bold-editorial、editorial-infographic、fantasy-animation、intuition-machine、pixel-art、scientific、vector-illustration、vintage 等预设。

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

baoyu-comic —— 知识漫画创作器。 艺术风格 × 情绪组合，含分镜布局与顺序图像生成。艺术风格：ligne-claire（默认）、manga、realistic、ink-brush、chalk；情绪：neutral（默认）、warm、dramatic、romantic、energetic、vintage、action；预设：ohmsha（manga + neutral，视觉隐喻、禁止说话头像）、wuxia（ink-brush + action，气效果与战斗视觉）、shoujo（manga + romantic）；布局：standard、cinematic、dense、splash、mixed、webtoon。

/baoyu-comic posts/turing-story/source.md --art manga --tone warm

baoyu-article-illustrator —— 文章插图。 类型 × 风格 × 调色板三维方法：分析文章结构、识别需要视觉辅助的位置并生成插图。类型含 infographic、scene、flowchart、comparison、framework、timeline；风格含 notion（默认）、elegant、warm、minimal、blueprint、watercolor、editorial、scientific。

baoyu-post-to-x / baoyu-post-to-wechat / baoyu-post-to-weibo —— 平台发布。 小红书之外的社媒发布：X 支持常规帖子与 X Articles；微博支持图文视频帖与头条文章（--title 最多 32 字符、--summary 最多 44 字符）；公众号支持「贴图」与「文章」两种模式，并有 API、浏览器、远程 API 三种发布方式。三者都使用真实的 Chrome 和 CDP 绕过反自动化机制，脚本把内容填入浏览器，用户手动审查并发布。

/baoyu-post-to-x --article path/to/article.md

/baoyu-post-to-wechat 文章 --markdown article.md --theme grace

AI 生成技能

baoyu-image-gen —— 基于 AI SDK 的图像生成。 支持 OpenAI GPT Image 2、Azure OpenAI、Google、OpenRouter、DashScope（阿里云通义万相）、MiniMax、即梦（Jimeng）、豆包（Seedream）与 Replicate；支持文生图、参考图、宽高比、自定义尺寸、批量生成和质量预设。

/baoyu-image-gen --prompt "A banner" --image banner.png --quality 2k

# 批量模式
/baoyu-image-gen --batchfile batch.json --jobs 4 --json

baoyu-danger-gemini-web —— 与 Gemini Web 交互生成文本和图像。注意：该技能使用 Gemini Web API（逆向工程），通过浏览器 cookie 访问非官方 API，首次运行会打开浏览器通过 Google 认证，Cookie 会被缓存，不保证 API 的稳定性或可用性。

实用工具技能

baoyu-youtube-transcript：下载 YouTube 转录/字幕与封面图，支持多语言、翻译、章节与说话人识别，并缓存原始数据。/baoyu-youtube-transcript https://youtu.be/VIDEO_ID --languages zh,en,ja
baoyu-url-to-markdown：通过 Chrome CDP 抓取任意 URL 并转成干净 Markdown，渲染后 HTML 快照与 Markdown 一并保存，Defuddle 失败时自动回退到传统提取器。/baoyu-url-to-markdown https://example.com/private --wait
baoyu-danger-x-to-markdown：把 X（Twitter）内容转 Markdown，支持推文串与 X Articles，可 --download-media 下载媒体。使用逆向工程的 X API，不是官方 API，若 X 更改 API 可能随时失效，且可能因检测到 API 使用导致账号受限。
baoyu-compress-image：压缩图像减小体积并保持质量。/baoyu-compress-image path/to/images/ --quality 80
baoyu-format-markdown：为纯文本或 Markdown 添加前置元数据（title、slug、summary、coverImage）与格式化，并运行排版脚本（ASCII→全角引号、CJK 间距、自动更正），输出到 {filename}-formatted.md。
baoyu-markdown-to-html：转成带微信兼容主题的样式化 HTML，支持语法高亮与可选的外部链接底部引用。/baoyu-markdown-to-html article.md --theme grace --color red
baoyu-translate：三种模式——快速（直接翻译）、普通（分析后翻译，默认）、精细（分析 → 翻译 → 审阅 → 润色）。支持受众预设（general、technical、academic、business）、风格预设（storytelling、formal、technical、literal、academic、business、humorous、conversational、elegant）与自定义词汇表；长文档（4000+ 词）自动分块并并行子代理翻译。
baoyu-wechat-summary：把微信群聊精华总结成结构化摘要（主题提取、消息排行榜、用户画像），维护每群历史与事实记忆，支持普通版与毒舌版。需要已安装 wx-cli，且在 macOS 上微信 4.x 正在运行并已登录。
baoyu-electron-extract：从已安装 Electron 应用的 app.asar 提取资源与 JavaScript；.js.map 内嵌 sourcesContent 时恢复原始源码树（含 TypeScript/JSX），否则用 Prettier 格式化压缩后的 JS/CSS，始终跳过 node_modules。

效果预览

工作方式

前置条件：已安装 Node.js 环境；能够运行 npx bun 命令。

环境配置：部分技能需要 API 密钥或自定义配置，环境变量可以在 .env 文件中设置。加载优先级（高的覆盖低的）：

CLI 环境变量（例如 OPENAI_API_KEY=xxx /baoyu-image-gen ...）
process.env（系统环境变量）
.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-2
EOF

项目级配置用于团队共享，记得把密钥文件加进 .gitignore：

mkdir -p .baoyu-skills
# 将 .baoyu-skills/.env 添加到 .gitignore 以避免提交密钥
echo ".baoyu-skills/.env" >> .gitignore

自定义配置：所有技能均支持通过 EXTEND.md 覆盖默认样式、添加自定义配置或定义自己的预设，按优先级检查 .baoyu-skills//EXTEND.md（项目级）与 ~/.baoyu-skills//EXTEND.md（用户级），扩展内容在技能执行前加载并覆盖默认设置。公众号发布还可用 EXTEND.md 管理多账号（1 个账号自动选择，2 个及以上提示选择或用 --account 指定）。

更新技能：在智能体中运行 /plugin，切换到 Marketplaces 标签，选择 baoyu-skills，选择 Update marketplace；也可以启用 Enable auto-update 自动获取最新版本。

你需要提供

Node.js 环境（可运行 npx bun）。
按需配置图像生成后端的 API 密钥（写入 .env，支持 CLI / 系统环境变量 / 项目级 / 用户级四种来源）。
使用浏览器方式发布时：本机 Google Chrome 与登录会话（首次运行需扫码/登录，会话会保留）。
使用公众号 API 方式时：微信开发者凭证（AppID/AppSecret），且本机 IP 需在微信白名单中；否则可用远程 API 方式（SSH 密钥认证）或浏览器方式。
使用 baoyu-wechat-summary 时：已安装 wx-cli，macOS 上微信 4.x 正在运行并已登录。

你会获得

可直接发布的图：小红书图卡、信息图、SVG 图表、封面图、插图、知识漫画、幻灯片图像。
幻灯片可自动合并为 .pptx 和 .pdf。
Markdown/HTML 产物：格式化后的 Markdown、微信兼容主题的 HTML。
平台侧结果：内容被填入浏览器（X、微博、公众号）等待你审查后发布；群聊结构化摘要；YouTube 转录、网页/推文的 Markdown。

使用示例

把这篇文章做成一张适合公众号或社媒传播的封面图，并给出标题排版方案。

为这篇长文生成 3 张概念插图，分别对应开头、核心观点和结尾。

把这篇草稿整理成可发布到微信公众号的版本，保留引用和配图建议。

/baoyu-diagram "Kubernetes architecture" --type structural

/translate article.md --mode refined --to zh-CN

/baoyu-wechat-summary AI 技术群 最近 7 天