pw-redbook-image

小紅書風の画像生成

記事の内容をインテリジェントに分解し、カバー画像、コンテンツ画像、締めくくり画像を含む小紅書風のシリーズ画像を生成します。

主な機能

• 記事を複数の画像に自動で分解します（2～10枚）
• 小紅書風の画像プロンプトを自動生成します
• 複数の入力ソースに対応します（URL、ファイルパス、テキスト内容）
• 構造化された作業ディレクトリを自動作成します
• 後処理に対応します（長い画像、PPT、PDFへの結合）

使用するタイミング

ユーザーが小紅書風の画像生成を明確に依頼した場合：

• 「小紅書の画像を生成して」
• 「小紅書のシリーズ画像を作って」
• 「この記事を小紅書の画像にして」
• 「小紅書風の画像とテキストを作って」

対象外のケース：

• ユーザーが作り方を尋ねているだけの場合（アドバイスを提供すれば十分です）
• ユーザーがカバー画像を1枚だけ必要としている場合（pw-cover-image を使用してください）
• ユーザーが別のスタイルの画像を必要としている場合（汎用画像生成ツールを使用してください）

使用方法

# 从 URL 生成
/pw-redbook-image https://example.com/article

# 从文本内容生成
/pw-redbook-image "文章内容..."

# 从 markdown 文件生成
/pw-redbook-image path/to/article.md

パラメーターの説明

• 入力ソース（必須）：次の3形式に対応しています
  • URL：http:// または https:// で始まるウェブアドレス
  • ファイルパス：相対パスまたは絶対パス。.md、.txt などのテキストファイルに対応しています
  • テキスト内容：記事の内容を文字列で直接渡します

小紅書風の特徴

• 比率：縦向き（3:4 または 9:16）
• スタイル：カートゥーン風、手描き風
• 配色：モランディカラー、クリーム色、オフホワイト、淡いピンク、ミントグリーン
• 文字：手描き風の文字、目立つ大見出し、蛍光ペンの下線で強調
• 装飾：カートゥーン要素、絵文字アイコン、手描きステッカー、吹き出し
• レイアウト：情報を簡潔にし、余白を多く取り、要点を箇条書きで示します

内容を分解する原則

• カバー画像：強い視覚的インパクトを与え、中心となるタイトルを含めます
• コンテンツ画像：各画像で中心となるポイントを1つに絞ります
• 締めくくり画像：まとめ／行動喚起／名言

画像の枚数：

• シンプルなテーマ：2～3枚
• 中程度の複雑さ：4～6枚
• 詳細なノウハウ：7～10枚

ファイル管理

出力ディレクトリ

会話ごとに、テーマ名を付けた専用ディレクトリを作成します：

redbook-{topic-slug}/
├── source.md              # 源文章
├── prompts/               # 提示词文件
│   ├── 01_封面图.md
│   ├── 02_内容图_核心观点1.md
│   ├── 03_内容图_核心观点2.md
│   └── 04_结尾图.md
└── images/                # 生成的图片
    ├── 01_封面图.png
    ├── 02_内容图_核心观点1.png
    ├── 03_内容图_核心观点2.png
    └── 04_结尾图.png

テーマの命名規則：

1. 記事のタイトルまたは内容からテーマを抽出します（2～4語、kebab-case）
2. 例：「仕事の効率を上げる方法」→ improve-work-efficiency

競合の解決

redbook-{topic-slug}/ がすでに存在する場合：

• タイムスタンプを追加します：{topic-slug}-YYYYMMDD-HHMMSS
• 例：improve-work-efficiency がすでに存在する場合 → improve-work-efficiency-20260123-143052

ソースファイル

ソース記事の保存には source.md または source-{原文件名} を使用します。

ワークフロー

ステップ 1：記事の内容を取得する

入力ソースを処理します：

• URL：WebFetch を使用してウェブページの内容を取得します
• ファイルパス：Read を使用してファイルの内容を読み取ります
• テキスト：渡された内容をそのまま使用します

ソース内容を保存します：

• 作業ディレクトリ redbook-{topic-slug}/ を作成します
• ソースファイルを source.md または source-{原文件名} に保存します

ステップ 2：記事を分析して分解する

${SKILL_DIR}/references/文章拆解模板.md を使用して記事を分析します：

• テーマと中心となるポイントを抽出します
• 画像の枚数を決定します（2～10枚）
• 各画像の中心的な内容を明確にした分解案を作成します

画像の枚数の目安：

• シンプルなテーマ：2～3枚
• 中程度の複雑さ：4～6枚
• 詳細なノウハウ：7～10枚

ステップ 3：プロンプトファイルを生成する

redbook-{topic-slug}/prompts/ ディレクトリを作成し、画像の種類に応じてテンプレートを選択します：

• カバー画像：${SKILL_DIR}/references/封面图模板.md
• コンテンツ画像：${SKILL_DIR}/references/内容图模板.md
• 締めくくり画像：${SKILL_DIR}/references/结尾图模板.md

画像ごとに個別のプロンプトファイルを作成します：

• 命名形式：01_封面图.md、02_内容图_关键词.md、03_结尾图.md
• プロンプトは英語で記述し、Markdown 形式は避けます
• スタイルのキーワードと配色を含めます

ステップ 4：画像を生成する

利用可能な画像生成スキルを確認します：

• pw-danger-gemini-web を優先して使用します
• 複数のスキルが利用可能な場合は、ユーザーに選択を尋ねます

画像を1枚ずつ生成します：

• 出力ディレクトリ：redbook-{topic-slug}/images/
• 生成の進行状況を表示します
• 画像を番号順に並べます
• 1枚目の画像を生成した後、スタイルを確認してから残りをまとめて生成します

ステップ 5：後処理（任意）

長い画像に結合します（ImageMagick が必要です）：

brew install imagemagick
node ~/.claude/skills/pw-image-generation/scripts/merge-to-long-image.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/长图.png

PPT に結合します：

node ~/.claude/skills/pw-image-generation/scripts/merge-to-pptx.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/配图.pptx

PDF に結合します：

node ~/.claude/skills/pw-image-generation/scripts/merge-to-pdf.js \
  redbook-{topic-slug}/images \
  redbook-{topic-slug}/配图.pdf

ステップ 6：概要を出力する

生成完了後、次の内容を出力します：

小红书系列图已生成!

主题: [主题]
图片数量: [数量] 张
工作目录: redbook-{topic-slug}/

后续步骤:
- 预览所有图片确认风格一致性
- 如需要可使用合并工具生成长图、PPT 或 PDF

ベストプラクティス

スタイルの一貫性：

• 1枚目の画像を生成した後にスタイルを確認し、残りの画像をまとめて生成します
• すべての画像で同じスタイルのキーワードと配色を使用します
• 著者情報は右下に統一して配置し、形式を揃えます

コンテンツのデザイン：

• 各画像で中心となるポイントを1つに絞り、情報を詰め込みすぎないようにします
• 余白を多く取り、読みやすさを高めます
• タイトルを大きく目立たせ、キーワードは蛍光ペンの下線で強調します

プロンプトの最適化：

• 英語のプロンプトを使用すると、より良い結果が得られます
• Markdown 形式を避け、プレーンテキストで説明します
• 比率（3:4 または 9:16）、スタイル（カートゥーン／手描き）、配色（モランディカラー）を明確に指定します

よくある質問

問題：生成された画像のスタイルに一貫性がない
解決策：プロンプトに同じスタイルのキーワード（"cartoon style, hand-drawn, pastel colors" など）を明記します

問題：画像の情報量が多すぎて、簡潔さに欠ける
解決策：各画像のテキスト量を減らし、画像の枚数を増やして、各画像で1つのポイントに絞ります

問題：URL の取得に失敗する
解決策：ウェブアドレスにアクセスできるか確認するか、記事の内容を直接コピーしてテキストとして入力します

問題：ディレクトリがすでに存在する
解決策：improve-work-efficiency-20260123-143052 のように、タイムスタンプを自動的に追加します

問題：画像の生成に失敗する
解決策：画像生成スキルが利用可能か確認し、API の設定が正しいことを確認します

テンプレートのリファレンス

テンプレートファイル	用途	場所
文章拆解模板.md	記事をシリーズ画像に分解するための分析テンプレート	${SKILL_DIR}/references/
封面图模板.md	カバー画像のプロンプト生成テンプレート	${SKILL_DIR}/references/
内容图模板.md	コンテンツ画像のプロンプト生成テンプレート	${SKILL_DIR}/references/
结尾图模板.md	締めくくり画像のプロンプト生成テンプレート	${SKILL_DIR}/references/

拡張設定

EXTEND.md を使用してカスタム設定に対応します。次のパスを優先順位順に確認します：

1. .pw-skills/pw-redbook-image/EXTEND.md（プロジェクトレベル）
2. ~/.pw-skills/pw-redbook-image/EXTEND.md（ユーザーレベル）

見つかった場合は、ワークフローを開始する前に読み込みます。拡張内容はデフォルト設定を上書きします。

カスタマイズ可能な内容：

• デフォルトの画像枚数の範囲
• スタイルのキーワードと配色
• 著者情報の形式
• 出力ディレクトリの命名規則