canghe-article-illustrator

記事イラストレーター

記事を分析し、イラストの配置位置を特定して、タイプ × スタイルの一貫性を保ちながら画像を生成します。

2 つの次元

次元	制御する内容	例
タイプ	情報構造	インフォグラフィック、シーン、フローチャート、比較、フレームワーク、タイムライン
スタイル	視覚的な美しさ	notion、温かみのある、ミニマル、設計図、水彩、エレガント

自由に組み合わせられます：--type infographic --style blueprint

タイプ

タイプ	最適な用途
infographic	データ、指標、技術
scene	物語、感情
flowchart	プロセス、ワークフロー
comparison	並列比較、選択肢
framework	モデル、アーキテクチャ
timeline	歴史、進化

スタイル

コアスタイル、全スタイルの一覧、タイプ × スタイルの互換性については、references/styles.md を参照してください。

ワークフロー

- [ ] Step 1: Pre-check (EXTEND.md, references, config)
- [ ] Step 2: Analyze content
- [ ] Step 3: Confirm settings (AskUserQuestion)
- [ ] Step 4: Generate outline
- [ ] Step 5: Generate images
- [ ] Step 6: Finalize

ステップ 1：事前確認

1.5 設定の読み込み（EXTEND.md）⛔ ブロック必須

test -f .canghe-skills/canghe-article-illustrator/EXTEND.md && echo "project"
test -f "$HOME/.canghe-skills/canghe-article-illustrator/EXTEND.md" && echo "user"

結果	アクション
見つかった	読み込み、解析し、概要を表示
見つからない	⛔ 初回セットアップ を実行

手順の詳細：references/workflow.md

ステップ 2：分析

分析項目	出力
コンテンツの種類	技術／チュートリアル／方法論／物語
目的	情報／可視化／想像
主な論点	主要なポイント 2～5 件
配置位置	イラストが価値を加える場所

重要：比喩表現は、文字どおりの画像ではなく、根底にある概念を可視化します。

手順の詳細：references/workflow.md

ステップ 3：設定の確認 ⚠️

AskUserQuestion は 1 回のみ、質問は最大 4 件。Q1～Q3 は必須です。

Q	選択肢
Q1：タイプ	［推奨］、インフォグラフィック、シーン、フローチャート、比較、フレームワーク、タイムライン、混合
Q2：密度	最小（1～2）、バランス（3～5）、セクションごと（推奨）、高密度（6 以上）
Q3：スタイル	［推奨］、ミニマルフラット、SF、手描き、エディトリアル、シーン、その他
Q4：言語	記事の言語が EXTEND.md の設定と異なる場合

手順の詳細：references/workflow.md

ステップ 4：アウトラインの生成

outline.md を作成し、フロントマター（type、density、style、image_count）と以下の項目を記載します：

## Illustration 1
**Position**: [section/paragraph]
**Purpose**: [why]
**Visual Content**: [what]
**Filename**: 01-infographic-concept-name.png

テンプレート全体：references/workflow.md

ステップ 5：画像の生成

⛔ ブロック必須：画像を生成する前に、プロンプトファイルを必ず保存してください。

1. 各イラストについて、references/prompt-construction.md に従ってプロンプトファイルを作成します
2. YAML フロントマターを付けて prompts/NN-{type}-{slug}.md に保存します
3. プロンプトには、タイプ別テンプレートと構造化されたセクション（ZONES / LABELS / COLORS / STYLE / ASPECT）を必ず使用します
4. LABELS には、実際の数値、用語、指標、引用など、記事固有のデータを必ず含めます
5. プロンプトファイルを先に保存せずに、アドホックなインラインプロンプトを --prompt に渡してはいけません
6. 生成スキルを選択し、参照（direct／style／palette）を処理します
7. EXTEND.md で有効になっている場合は、ウォーターマークを適用します
8. 保存済みのプロンプトファイルから生成し、失敗した場合は 1 回再試行します

手順の詳細：references/workflow.md

ステップ 6：仕上げ

段落の後に ![description](path/NN-{type}-{slug}.png) を挿入します。

Article Illustration Complete!
Article: [path] | Type: [type] | Density: [level] | Style: [style]
Images: X/N generated

出力ディレクトリ

illustrations/{topic-slug}/
├── source-{slug}.{ext}
├── references/           # if provided
├── outline.md
├── prompts/
└── NN-{type}-{slug}.png

スラッグ：2～4 語の kebab-case。競合時：-YYYYMMDD-HHMMSS を追加します。

変更

アクション	手順
編集	プロンプトを更新 → 再生成 → 参照を更新
追加	位置を決定 → プロンプト作成 → 生成 → アウトラインを更新 → 挿入
削除	ファイルを削除 → 参照を削除 → アウトラインを更新

References

File	Content
references/workflow.md	Detailed procedures
references/usage.md	Command syntax
references/styles.md	Style gallery
references/prompt-construction.md	Prompt templates
references/config/first-time-setup.md	First-time setup