何時使用: 你寫了一篇長文,需要為平台製作正方形卡片視覺內容。
步驟
-
選擇版面和風格
Use baoyu-skills. From article.md, generate a 9-card Xiaohongshu series in 'minimal' style with serif title font.✓ 已複製
→ 9 張 SVG/PNG 卡片已生成,正方形比例
-
迭代封面
Cover (card 1) is too plain — try 'magazine' style with a number badge.✓ 已複製
→ 新封面變體;選擇其中一個
-
匯出
Export all 9 cards as PNG at 1080×1080, save to /posts/<slug>/.✓ 已複製
→ PNG 已準備好上傳
結果: 每篇貼文 10 分鐘內完成可直接發布的系列卡片。
注意事項
- 較長的中文句子導致卡片文字溢出 — 要求 skill 將每張卡片的文字控制在 24 字以內,或傳入 auto_shrink=true
何時使用: 你有一個含 5–10 項統計數據的 CSV,需要一張可分享的資訊圖表。
步驟
-
選擇版面
Use baoyu-skills. From data.csv (5 rows), pick the most appropriate of the 21 infographic layouts.✓ 已複製
→ 版面建議及理由
-
生成
Generate it in 'editorial' style. Use my brand colors #0F172A and #38BDF8.✓ 已複製
→ SVG 輸出;在對話中預覽
-
精修
Add a 1-line takeaway under each stat. Reduce icon weight by 30%.✓ 已複製
→ 精修後的 SVG
結果: 可用於部落格或社群媒體的資訊圖表——無需 Figma。
注意事項
- 21 種版面 × 17 種風格 = 選擇困難 — 讓 skill 依資料形狀推薦;只在你有強烈主觀意見時才覆蓋
何時使用: 你需要一份 README 的系統架構圖,又不想開啟繪圖工具。
步驟
-
描述系統
Use baoyu-skills. Generate a structural diagram for: web client → API gateway → 3 services (auth, billing, content) → Postgres + Redis. Show external dependencies.✓ 已複製
→ SVG 已生成,含有命名節點
-
加入標注
Add HTTP/gRPC labels on edges; mark Postgres as 'primary' and 'replica'.✓ 已複製
→ 標注已套用
結果: 圖表已存入儲存庫;可在任何 Markdown 閱覽器中渲染。
注意事項
- 節點過多導致圖表難以閱讀 — 拆分為兩張圖(高層次架構 + 各服務細節);絕不塞太多
何時使用: 你看了一場精彩的研討會演講,想寫一篇整理文章。
步驟
-
擷取字幕
Use baoyu-skills YouTube transcript skill on <url>. Translate if non-English.✓ 已複製
→ 清理後的字幕文字
-
重新結構
Convert to a 1200-word post: hook, 4 sections matching the talk's arc, takeaways. Cite timestamps.✓ 已複製
→ 附有時間戳記引用的文章草稿
結果: 15 分鐘內完成有出處的文章草稿。
注意事項
- 自動字幕對技術術語的辨識有誤 — 讓 skill 標記低信心的詞彙;與影片對照抽查