# 03_ArticleDiagramCreation

> 記事のセクション素案にある図解計画から、記事掲載用のオリジナル図解を新規生成するCodex用プロジェクトスキルです。元ネタ画像を転載・加工・模倣せずに図解を作り直す場合や、「図解生成」「記事用の図を作って」などを依頼されたときに使います。

- Skill: `ochtum/03-articlediagramcreation` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add ochtum/03-articlediagramcreation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ochtum/03-articlediagramcreation/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: ochtum (https://skillmd.com/u/ochtum)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/ochtum/03-articlediagramcreation

---


## ワークスペース解決ルール

- ユーザー入力の先頭に `Workspace: C:\absolute\path` の形式でワークスペースが指定されていれば、それを `{Workspace}` として使います。
- 指定がない場合は、現在の作業ディレクトリを `{Workspace}` として扱います。

## 掲載画像の原則

- 元ネタに含まれる画像は、事実関係を理解するための参考資料としてのみ扱います。
- 元ネタ画像の転載、切り抜き、加工、トレース、直接編集は禁止します。
- 元ネタ画像を画像生成ツールの入力画像やスタイル参照として渡してはいけません。
- 元ネタ画像固有の構図、配色、装飾、ロゴ、透かしを模倣してはいけません。
- 元ネタから抽出した文章上の事実と、図解計画に記載された要件だけを使って、新しい構成の図解を生成します。
- 記事に掲載できるのは、この工程で生成し、図解生成記録に登録した画像だけです。

## 実行手順

1. `{Workspace}\記事\セクション素案` 配下の対象ファイルを読みます。
2. `{Workspace}\元ネタ` は事実確認のために読みます。画像ファイルは生成入力に使わず、画像から必要な事実を読み取る場合も文章化してから扱います。
3. セクション素案の `図解計画` を確認します。仕様は [図解仕様](references/diagram-spec.md) に従います。
4. 図解ごとに、正確な図示が必要なら Mermaid またはSVG、概念的なビジュアルが適するなら `$imagegen` スキルと組み込みの `image_gen` ツールを選びます。
5. 画像生成では、画像内テキストを短いラベルに限定し、背景、構成、要素、強調点、禁止事項をプロンプトへ明記します。
6. 生成結果を目視し、元ネタとの事実整合性、文字、矢印、接続関係、不要なロゴや透かしを確認します。問題があれば一つの変更点に絞って再生成します。
7. 最終画像を `{Workspace}\記事\画像\{記事識別子}\` に保存します。組み込み画像生成の既定保存先に残したまま参照してはいけません。
8. `{Workspace}\記事\図解仕様\{記事識別子}-図解生成記録.md` を作成し、掲載可能な画像を記録します。

## 出力ルール

- ファイル名は図解計画の指定を使い、指定がなければ `fig-01-内容.png` の形式にします。
- 既存画像を上書きせず、再生成時は `-v2` のように版を付けます。
- 生成記録には、図解ID、目的、生成方式、保存先、alt、キャプション、最終プロンプト、確認結果を残します。
- 元ネタ画像のパスやURLは「参考のみ・掲載禁止」と記録し、掲載画像の候補には含めません。
- 図解を生成しなかった場合も、その理由を生成記録へ残します。