一套把日常內容工作自動化的 Claude Code 技能。
baoyu-skills 由寶玉(Jim Liu)維護,MIT 授權,GitHub 20.9k 星,以 TypeScript 撰寫。它是一個 Claude Code plugin 合集,目標明確:用 AI agent 提升日常內容生產效率。從生封面、做資訊圖,到把網頁與 YouTube 轉成乾淨 Markdown、翻譯,再一鍵發到微信、微博、X。
每個 skill 是一個獨立資料夾,內含 SKILL.md 與參考檔。喚起方式是自然語言(「做一張封面」「把這個 URL 轉成 markdown」),Claude Code 會載入對應 skill 執行;也支援 Codex 等其他 runtime。安裝後即可用,不必逐一設定。
21 個 skill 分三類:內容生成(10)、AI 生成(2)、工具(9)。下面第 03 節是完整速查表,每個 skill 附一句用途與一則用法範例;第 04 節示範怎麼把幾個 skill 串成一條內容產線。
取得內容
整理翻譯
生成視覺
排版
發佈
寶玉分享、用來提升 AI agent 日常工作效率的技能合集。
一行裝好, 用自然語言喚起。
兩種安裝方式:用 skills CLI 一次裝整個套件,或在 Claude Code 內註冊成 plugin marketplace。裝好後不必記指令名稱,直接用自然語言說你要做什麼,Claude Code 會載入對應 skill。
# 方法一:用 skills CLI 安裝整個套件
npx skills add jimliu/baoyu-skills
# 方法二:在 Claude Code 內註冊成 plugin marketplace
/plugin marketplace add JimLiu/baoyu-skills怎麼喚起一個 skill
用自然語言描述任務即可,Claude Code 會挑對應的 skill 來做。不確定有哪些時,看第 03 節速查表,或直接說功能(「做資訊圖」「翻譯這篇」「轉成 markdown」)。
# 生視覺
為這篇文章做一張封面:./posts/intro.md
把這份重點做成一張直式資訊圖
# 取得與整理內容
把這個網址轉成乾淨 markdown:https://example.com/post
用精修模式把這篇翻成英文21 個技能, 用途與用法範例。
下面把全部 21 個 skill 依三大類列出。每一列是:skill 名稱、一句用途、以及一則可直接改著用的用法範例。喚起時用自然語言即可,不必照抄範例的字面。名稱帶 danger 的使用非官方 API,風險自負。
① 內容生成 · Content(10)
| Skill | 用途 | 用法範例 |
|---|---|---|
baoyu-cover-image | 文章封面圖,五維度(類型×配色×渲染×文字×情緒) | 為這篇文章做封面:./post.md --palette warm |
baoyu-infographic | 專業資訊圖,21 種版型 × 21 種視覺風格 | 把這份重點做成一張直式資訊圖 |
baoyu-diagram | 從素材生成可出版的 SVG 圖表(流程、時序、結構) | 幫這段流程畫一張 SVG 流程圖 |
baoyu-slide-deck | 從內容生成專業投影片圖片,含完整大綱 | 把這篇文章做成 10 頁投影片 |
baoyu-comic | 知識漫畫,彈性的畫風 × 語氣組合 | 把這個概念畫成四格知識漫畫 |
baoyu-article-illustrator | 文章配圖,類型 × 風格 × 配色三維 | 為這篇長文配三張插圖 |
baoyu-xhs-images | 小紅書圖卡系列,Style × Layout + 配色覆寫 | 做一組小紅書圖卡,5 張,清新風 |
baoyu-post-to-x | 發文到 X(Twitter),支援圖片與 X Articles | 把這篇整理成 thread 發到 X |
baoyu-post-to-wechat | 發到微信公眾號,圖文或文章模式 | 把這篇用圖文模式發到微信公眾號 |
baoyu-post-to-weibo | 發到微博,支援文字 / 圖片 / 影片 / 頭條文章 | 把這段配圖發到微博 |
② AI 生成 · Generation(2)
| Skill | 用途 | 用法範例 |
|---|---|---|
baoyu-image-gen | 基於 AI SDK 的出圖,支援 OpenAI / Azure / Google / OpenRouter / DashScope 等 | 用 image-gen 出一張封面背景,1024×1024 |
baoyu-danger-gemini-web | 透過 Gemini Web 做文字與圖像生成(逆向 API,danger) | 用 gemini-web 生成這張示意圖 |
③ 工具 · Utility(9)
| Skill | 用途 | 用法範例 |
|---|---|---|
baoyu-youtube-transcript | 下載 YouTube 字幕 / 逐字稿,含語言、翻譯、章節 | 抓這支 YouTube 的中文逐字稿與章節 |
baoyu-url-to-markdown | 用 Chrome CDP 抓任意 URL 轉成乾淨 Markdown | 把這個網址轉成乾淨 markdown |
baoyu-danger-x-to-markdown | 把 X(Twitter)內容轉成 Markdown(danger) | 把這則 X thread 轉成 markdown |
baoyu-compress-image | 壓縮圖片、縮小檔案又維持品質 | 把這張圖壓到 200KB 以內 |
baoyu-format-markdown | 格式化純文字 / Markdown,加 frontmatter 與排版 | 幫這份草稿加 frontmatter 並排版 |
baoyu-markdown-to-html | Markdown 轉樣式化 HTML,含微信相容主題 | 把這份 markdown 轉成微信相容 HTML |
baoyu-translate | 翻譯文章 / 文件,快速 / 一般 / 精修三種模式 | 用精修模式把這篇翻成英文 |
baoyu-wechat-summary | 把微信群聊重點整理成結構化摘要 | 把這段群聊整理成今日重點摘要 |
baoyu-electron-extract | 從已安裝的 Electron app 抽取資源與 JavaScript | 抽出這個 Electron app 的 JS 資源 |
把幾個 skill, 串成一條內容產線。
單一 skill 已經有用,但威力在於串接。下面幾條是常見的組合流程——每一步的產出餵給下一步,你只要用一句話把整條流程交給 Claude Code。
COMBO 01 · 部落格 → 微信全自動
url-to-markdown 抓原文 → translate 翻譯 → format-markdown 排版 → cover-image 生封面 → markdown-to-html(微信主題)→ post-to-wechat 發佈。
一句話交辦整條流程
COMBO 02 · YouTube → 圖文 thread
youtube-transcript 抓逐字稿與章節 → translate → infographic 或 article-illustrator 做視覺 → post-to-x 發成 thread。
把影片變成可讀內容
COMBO 03 · 小紅書圖卡
把重點交給 xhs-images 生成一組圖卡(Style × Layout),再用 post-to-weibo 發微博,或手動上小紅書。
社群圖卡一次到位
COMBO 04 · 知識漫畫
把一個概念交給 comic,選畫風與語氣,產出多格知識漫畫,再用 post-to-x 發出去。適合科普與教學。
概念變成好懂的圖
COMBO 05 · 出圖後端統一
視覺類 skill(cover、infographic、illustrator)要出圖時,用 image-gen 接你選的供應商(OpenAI / Azure / Google / OpenRouter / DashScope),金鑰集中管理。
一處設定,多 skill 共用
COMBO 06 · 內容抓取工具箱
url-to-markdown、x-to-markdown、youtube-transcript 把外部內容抓進來,compress-image、format-markdown 收尾,組成你的內容整理流程。
先抓進來,再加工
一句話, 跑完一條內容流。
以下示範把一個網址交給 Claude Code,串起 url-to-markdown、translate、cover-image、markdown-to-html,最後準備好可發微信公眾號的內容。你只下一句話,skill 由 Claude Code 自己依序挑選。
$ You ›
把 https://example.com/llm-guide 轉成中文圖文,
做好封面,輸出可發微信的 HTML。
ok: → article.md(2,140 字)
ok: → article.zh.md
ok: → cover-image/llm-guide/cover.png
ok: → article.wechat.html
claude: Claude ›
完成,四個 skill 串完:
hl: 原文 : article.md
hl: 中譯 : article.zh.md
hl: 封面 : cover.png
hl: 微信 HTML : article.wechat.html
$ You › 直接發到公眾號,圖文模式
ok: ✓ 已建立草稿,等你在公眾號後台確認送出
你說一句話, Claude Code 自己挑 skill、按順序串完。
為什麼用「描述目標」而不是「記指令」
每個 skill 的 description 都寫清楚了何時該用;你只要描述想要的結果,Claude Code 會自動比對並挑對 skill。串接也一樣——「轉成中文圖文、做封面、輸出微信 HTML」這一句,就足以讓它依序呼叫四個 skill。
這代表你不需要背 21 個名字。把第 03 節速查表當參考,知道有哪些能力即可;真正下指令時,用人話描述目標就好。發文這類有副作用的步驟,它會先建草稿、等你確認,而不是直接送出。
用之前, 先知道這些邊界。
把 baoyu-skills 變成你的內容團隊。
裝好之後,進一步把它變成穩定的內容產線:固定風格、建組合、甚至擴充你自己的 skill。
進階玩法地圖
**1. 固定風格與後端。**在各視覺 skill 的設定(如 cover-image 的 EXTEND.md)寫死配色、字體、出圖後端,維持品牌一致。
**2. 為重複任務建組合。**把常用串接(如部落格 → 微信)記成一句 prompt 範本,之後貼上即可重跑整條流程。
**3. 自己寫 skill。**baoyu-skills 是開源範本,照同樣的 SKILL.md 結構就能擴充自己的 skill,放進同一個 plugin 一起管理。
**4. 跨 runtime 共用。**這些 skill 也能在 Codex 等 runtime 跑;團隊不同人用不同 agent,也能共用同一套能力。
**5. 配合官方文件。**各 skill 的 references/ 有完整選項;repo 的 README 與 CHANGELOG 是功能與版本的依據。
最該讀的延伸資料
① JimLiu/baoyu-skills——README、CHANGELOG 與全部 21 個 skill。 ② 各 skill 資料夾下的 skills/<name>/SKILL.md——該 skill 的完整選項與參考檔。 ③ 寶玉(Jim Liu)的公開分享——這些 skill 背後的用法與思路。
21 個 skill,核心是一件事: 把內容工作的每一步交給 AI,你只決定要什麼。