宝玉的内容与设计 Skills
宝玉的内容配图、演示稿、公众号草稿工具，以及独立维护的 HTML 设计 Skill。
JimLiu/baoyu-skills 是内容创作工具集，覆盖封面、文章插图、小红书配图、幻灯片与公众号草稿上传。按当前任务选择一个技能，不需要先安装整个合集。
核心能力
| 任务 | 技能 | 主要产物 |
|---|---|---|
| 小红书配图 | baoyu-xhs-images | 图文卡片图片 |
| 封面 | baoyu-cover-image | 封面图片 |
| 文章插图 | baoyu-article-illustrator | 按文章结构设计的配图 |
| 幻灯片 | baoyu-slide-deck | 逐页 PNG，合并 PPTX/PDF |
| 信息图 / 漫画 | baoyu-infographic / baoyu-comic | 对应视觉内容 |
| 公众号排版与上传 | baoyu-post-to-wechat | 预览或公众号草稿 |
| 架构 / 流程 / 时序图 | baoyu-diagram | 独立 SVG 矢量图 |
| 提取 YouTube 字幕 | baoyu-youtube-transcript | 带时间戳的 Markdown、SRT 等文件 |
图片任务需要可用的生图后端。当前仓库支持匹配客户端的原生图像工具，或配置相应后端；按 Skill 当前说明准备依赖和凭据。下载文件不会自动提供 API 额度或生图能力。
baoyu-diagram 直接生成 SVG，不依赖生图 API，适合文字、节点与连线需要清晰呈现的图。baoyu-youtube-transcript 下载已有字幕，需要 Bun；访问受阻时可能回退 yt-dlp，并需要登录会话等条件。它不保证把所有无字幕视频转录成文字。用这些文件做文章前，仍要对照原视频核对。
npx skills add JimLiu/baoyu-skills --skill baoyu-diagram
npx skills add JimLiu/baoyu-skills --skill baoyu-youtube-transcript具体输入与依赖见 diagram 和 youtube-transcript。
安装和第一次使用
npx skills add JimLiu/baoyu-skills --list
npx skills add JimLiu/baoyu-skills --skill baoyu-xhs-images在支持的客户端显式点名，说明素材、风格和输出。以下 /技能名 示例适用于 Claude Code / Cursor，其他工具见 快速入门。
使用 baoyu-xhs-images，把 article.md 做成小红书配图。
风格简洁，中文，保留原文数据和观点。
先给内容拆分方案，生成后返回图片让我检查文字和尺寸。先做一组小样，确认中文准确、布局与图片尺寸，再做完整内容。
封面与演示稿
当前封面预设没有 modern，可以从当前列出的预设选择，例如：
/baoyu-cover-image article.md --style minimal尺寸、文字和预设以 当前封面技能说明 为准。封面好看不能保证点击率，最终要结合真实发布数据判断。
baoyu-slide-deck 先生成整页图片，再合并。当前 PPTX 每页是图片，能换页和加备注，但图片内文字、图表不是原生可编辑对象。需要同事直接改字时，比较 PPT 候选。
公众号：保存草稿与正式发布分开
baoyu-post-to-wechat 主要辅助排版、上传并保存草稿，不应当理解成自动群发或公开发布。
| 方式 | 需要准备 | 检查结果 |
|---|---|---|
| API | 公众号 AppID/AppSecret、接口权限与来源 IP 白名单 | 后台草稿和返回标识 |
| 浏览器 | Chrome、已登录公众号会话 | 编辑页预览或草稿箱 |
| remote-api | API 配置、SSH 通道及白名单服务器 | 通道、接口返回和后台草稿 |
图文浏览器模式可先预览，--submit 也只是保存草稿；文章浏览器模式当前会保存草稿。不同方式的具体参数按 上游说明 配置。
使用 baoyu-post-to-wechat，把 article.md 排版并保存到公众号草稿箱。
完成后说明采用的方式和草稿位置，供我在后台核对标题、
封面、图片、链接和正文，再决定正式发布。在公众号后台确认草稿存在、内容正确，再完成正式发布。登录态、浏览器控制和 API 凭据均按所选方式管理，不能据此承诺账号信息一定不会泄露。
baoyu-design — HTML 设计与交互原型
宝玉还维护了独立的 JimLiu/baoyu-design。它面向页面原型、界面、演示稿、报告和动画等设计任务，主要产物是可在浏览器预览的 HTML 与配套素材。这个项目的安装来源与 baoyu-skills 不同。
npx skills add JimLiu/baoyu-design --skill baoyu-design准备内容、品牌或已有设计参考，说明要做低保真探索、交互原型还是演示稿，再检查浏览器里的实际结果。Claude Code、Cursor、Codex 等工具需要具备读写文件与预览能力。
使用 baoyu-design，把这份产品介绍做成可交互的 HTML 原型。
沿用已有品牌颜色，覆盖首页、空状态和成功状态，先给我预览。需要 PowerPoint 时，这个工具可以导出它自己生成、符合其幻灯片结构的 HTML 演示稿。可编辑导出是当前默认，但仍要检查文字、图表与动效；任意网页不能直接当作支持的输入。具体导出条件见 当前 Skill 说明。与图片型 baoyu-slide-deck 的取舍见 PPT 候选。
B 站教程
更多视频：baoyu-skills 直播回放
示例工作流
下面是流程示例，不代表流量成绩：
- 写好一篇文章，核对观点、数字与引用。
- 选择一种视觉风格，生成封面与必要插图。
- 排版后保存公众号草稿，在后台检查。
- 若要小红书版本，再拆成独立图文卡片。
- 正式发布后记录实际效果，再调整选题与视觉。
不要为每一步默认增加新 Skill；现有工具能完成的步骤直接使用。