使うタイミング： 長文記事を書き終え、プラットフォーム向けの正方形カードビジュアルが必要なとき。
フロー
-
レイアウトとスタイルを選ぶ
Use baoyu-skills. From article.md, generate a 9-card Xiaohongshu series in 'minimal' style with serif title font.✓ コピーしました
→ 正方形比率の SVG/PNG カードが 9 枚生成される
-
表紙を改善する
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 が生成される
結果： 1 投稿あたり 10 分以内で投稿準備済みのカードシリーズが完成する。
注意点
- 長い中国語文でカードのテキストがはみ出す — 1 カードのテキストを 24 文字以下に要約するよう指示するか、フォント自動縮小を有効にする
使うタイミング： 5〜10 件の統計を含む CSV があり、シェア可能な 1 枚のインフォグラフィックが欲しいとき。
フロー
-
レイアウトを選ぶ
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 スタイルで選択肢が多すぎて迷う — データの形状に基づいてスキルに推奨させる。強い意見がある場合のみ上書きする
使うタイミング： 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 ビューアでレンダリングされる。
注意点
- ノードが多くなって図が読めなくなる — 2 つの図に分割する（高レベル + サービス詳細）。詰め込みすぎない
使うタイミング： 素晴らしいカンファレンストークを見て、投稿できる形にまとめたいとき。
フロー
-
字幕を取得する
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 分で出典付きの記事下書きが完成する。
注意点
- 自動字幕が技術用語を聞き間違える — 信頼度の低い語句をスキルにフラグを立てさせる。動画と照合してスポットチェックする