AI社員 成果物サンプル

20-lp-image-brief-maker

asset-mapgeneration-notesimage-briefsprompt-listquestions
asset-map.md

asset-map.md — AIO Marketing OS LP 画像アセット対応表

LPのどのセクション/HTML要素に、どの画像が、どの比率・どの文字オーバーレイで載るかの対応表。
4枚すべて生成済（gpt-image-2・2026-06-15）。実LP _quality_audit/generated/02-homepage-lp-builder/index.html に相対参照（images/）で差し込み済・目視QA済。
image-briefs.md（B01〜B04）/ prompt-list.md（P01〜P04）/ recipe.json と1:1で一致。
ID実ファイル比率/サイズセクションHTML配置箇所HTML側に載せる重要文字（画像には焼かない）画像内文字状態
B01images/hero.png3:2 / 1536x1024HEROheader.hero > .hero-visual > img<h1>AIO Marketing OS／lead／CTA「無料診断を予約する」／バッジ「株式会社アイウエオ｜AIマーケティング支援」ホログラムUIの小ラベル（売上レポート/AIアシスタント/タスク管理/自動化フロー）＝装飾生成済(2026-06-15)
B02images/before-after.png3:2 / 1536x1024IDEALfigure.band-fig > img＋figcaptionfigcaption「導入前後のイメージ（架空前提）」／セクション見出し・箇条書き焼き込み（例外）: 導入前/導入後・見出し2本・チップ6語（全文表示）生成済(2026-06-15)
B03images/feature-ai-employees.png1:1 / 1024x1024SOLUTIONfigure.band-fig.band-fig--narrow > img＋figcaptionfigcaption「各工程を担うAI社員の役割分担（イメージ）」／見出し「AIO Marketing OSがやること」・箇条書きなし生成済(2026-06-15)
B04images/trust-result.png3:2 / 1536x1024VOICEfigure.band-fig > img＋figcaptionfigcaption「運用状況を可視化するダッシュボード（イメージ）」／受講後の声・傾向（具体数値は誇張しない）なし生成済(2026-06-15)

画像を作らなかったセクション（不要な画像を作らない原則）

セクション理由
PROBLEM（課題提起）見出し＋4項目の箇条書きが主役。画像は意思決定を進めない
PROGRAM（8週間）Week1-2〜7-8 のテキストフローが主役。専用画像不要
GUARANTEE（保証/無料診断）4項目の安心材料テキストが主役
PRICING / FAQ / CONTACT価格・FAQ・申込フォームが主役。画像は不要
OG（SNSシェア）今回の4枚に含めず。必要時に 1536x864・英字ブランドのみで追加発注

ブランド共通仕様（全アセット）

ファイル命名規約

安全

generation-notes.md

generation-notes.md — 判断ログ / 品質チェック / 再現メモ

MASTER_PROMPT「6.出力契約」「Phase6改善ログ」、05-output-parity-standard の generation-notes 要件に対応。
更新: 2026-06-15。本物のLP画像4枚を実生成し、各ブリーフ・recipe.json と1:1で整合させた版。

1. 前提と仮定（一次情報 vs 仮定の分離）

一次情報（SCENARIO.md 由来）:

仮定（明記して進めた）:

2. 実生成した4枚（実画像と1:1）

実ファイル役割サイズ配置セクション文字の扱い
images/hero.png訴求/hero1536x1024HERO 右ビジュアル装飾ホログラムUIの小ラベルのみ。見出し/CTAはHTML
images/before-after.png比較/before_after1536x1024IDEAL例外的に比較見出し（導入前/導入後＋2見出し＋チップ6語）を焼き込み・全文表示
images/feature-ai-employees.png説明/役割分担図1024x1024SOLUTION（narrow）文字なし（マスコット図）。見出しはHTML
images/trust-result.png信頼/trust1536x1024VOICE文字・数字なし。実績数字はHTML
当初プランは「写真調人物を避けた抽象3D 9枚（hero/pain/before_after/benefit×3/step/trust/cta_bg/og）」だったが、実LPの世界観に合わせ 写真調人物＋ホログラムUI（hero）／人物入り導入前後比較（before-after）／ブランドマスコット役割分担図（feature）／ダッシュボード（trust）の4枚 に確定。ブリーフ・recipe.json・asset-map・prompt-list を実画像に合わせて全面更新した（過去の9枚プランは破棄）。

3. 主要な判断と理由

判断理由
画像を4枚に絞ったPROBLEM/PROGRAM/GUARANTEE/PRICING・FAQ は文字主役で専用画像が意思決定を進めない。意思決定を動かす4箇所だけに配置＝不要な画像を作らない原則
before-after だけ日本語を焼き込み比較は「導入前/導入後＋一対の見出し」がセットで効く。見出し級の太い日本語は gpt-image-2 で崩れにくく目視QAでも乱れなし
価格/実績数字/CTAは画像に焼かずHTML差し替え・A-Bテスト対応＋日本語生成崩れ防止
trust に数字を描かない架空前提の数字。信頼性と差し替え両面で安全。数値はHTMLで後載せ
人物は特定個人でない一般人講師の顔素材を出さない＋他人の肖像リスク回避（brand_guide 準拠 / SCENARIO 実在人物NG）
マスコット/UIは独自モチーフ・他社ロゴなし公式ロゴ歪み・他社素材コピー回避

4. 品質チェック結果（quality-check 兼）

必須5項目（01-quality-bar / SKILL完了条件）

著作権/肖像/安全

実画像 目視QA（2026-06-15 実施済）

5. 再現性メモ（次回固定化 / 案件ごと可変）

固定化（knowledge化候補）:

案件ごとに変える:

6. 生成方法（再現手順）

  1. prompt-list.md の P01〜P04（または recipe.json の images[]）を使用。
  2. 講師の OpenAI アカウント / gpt-image-2 で生成（1536×1024＝3:2、正方は 1024×1024）。課金のため人間承認後に実行。
  3. 出力 PNG を本 images/（hero/before-after/feature-ai-employees/trust-result）に格納 → 実LPへ差し込み → スクショ目視QA。

7. 未確認事項 / 次アクション

image-briefs.md

image-briefs.md — AIO Marketing OS LP 画像ブリーフ

担当: LP画像ブリーフ作成AI社員
案件: 株式会社アイウエオ「AIO Marketing OS」LP（無料診断予約への導線）
架空シナリオ（_quality_audit/SCENARIO.md）に基づく。実在の個人・企業・連絡先（example.com以外）は含まない。
このブリーフは images/ 配下の本物の生成済みLP画像と1:1で対応する（B01→hero.png / B02→before-after.png / B03→feature-ai-employees.png / B04→trust-result.png）。recipe.json / prompt-list.md / asset-map.md とも同じ4枚で一致。

0. 前提

1. LP構成と「各セクションが何を信じさせるか → 画像役割」

#セクション信じさせたいこと画像の役割使う画像
HEROヒーロー「AI社員がダッシュボードで集客・営業・制作を回してくれそう」第一印象訴求（hero）hero.png
PROBLEM課題提起「ツールは増えたのに作業が減っていない＝自分ごと」文字主体・専用画像なし（なし）
IDEAL理想/導入前後「導入前の消耗→導入後はAI社員が自動化し人は創造的な仕事へ」比較（before_after）before-after.png
SOLUTIONソリューション「集客・営業・制作の各工程をAI社員が分担して担う」説明（役割分担図）feature-ai-employees.png
PROGRAM8週間プログラム「8週間で何がどう進むか道筋が見える」文字主体・専用画像なし（なし）
VOICE受講後の声「派手な数字でなく、現場の作業が実際に軽くなる」信頼（抽象ダッシュボード）trust-result.png
GUARANTEE保証/無料診断「いきなり契約でなく納得してから進める」文字主体・専用画像なし（なし）
PRICING/FAQ/CONTACT料金・FAQ・申込価格の納得＋予約文字主体・専用画像なし（なし）

→ 作る画像 = 4枚。文字が主役で意思決定を進めないセクション（PROBLEM / PROGRAM / GUARANTEE / PRICING・FAQ）には専用画像を作らない＝「不要な画像は作らない」原則。

2. 画像ブリーフ（1枚ずつ・実生成画像と1:1）

各ブリーフの構成: 対応ファイル / 目的 / 役割 / 構図 / 色 / 入れる文字 / 入れない文字 / 使用場所 / 比率 / 参照素材 / 実装メモ。
重要文字（価格・CTA・会社名・実績数字）は画像に焼かずHTML側に載せるのが原則。例外は B02 の比較見出し（訴求上 大きく焼き込み・gpt-image-2 で崩れなく描画）。

B01 — ヒーロー → images/hero.png

B02 — 導入前/導入後の比較 → images/before-after.png

B03 — AI社員の役割分担図 → images/feature-ai-employees.png

B04 — 受講後の声/実績 ダッシュボード → images/trust-result.png

3. 判断理由

4. 未確認事項

5. 次アクション

  1. 確定VI受領後、本ブリーフの色を更新し（必要なら）再生成。
  2. VOICE/実績の確定数値をHTML側に反映（画像は触らない）。
  3. 公開前にLP全体を人間承認（OG設定・本番反映は承認ゲート）。
  4. 必要ならOG画像（1536x864・英字ブランドのみ）を追加で発注。

6. 品質チェック（自己レビュー）

prompt-list.md

prompt-list.md — AIO Marketing OS LP 生成プロンプト集

各プロンプトはそのまま画像生成API（gpt-image-2）に投入できる本文。
これら4本は images/ 配下の本物の生成済み画像と1:1で対応する（P01→hero.png / P02→before-after.png / P03→feature-ai-employees.png / P04→trust-result.png）。recipe.json / image-briefs.md（B01〜B04）/ asset-map.md とも同じ4枚で一致。
末尾の ## HARD BANS は全プロンプト共通で必ず付与（lp_section_patterns.md 準拠）。
色は ブランド標準パレット（brand_guide.md）。確定VI受領後は色HEXを一括置換。

共通スタイル（default_style）:

"Clean, premium, tech aesthetic. Generous whitespace. ブランド gradient linear-gradient(145deg, #7b6ce0 0%, #9b8cff 24%, #c87941 49%, #e8b88a 74%, #f7f0f6 100%). Purple/copper materials (NOT gold/chrome), glassmorphism reflections, subtle particle field, soft studio lighting. No cheap 2D flat. No info-marketer black+red+gold."

共通 HARD BANS（全プロンプト末尾に貼る）:
```

HARD BANS

```

P01 — hero.png（1536x1024 / hero）

```
Premium LP hero, 1536x1024, cinematic warm-to-cool lighting.
A generic, non-specific Japanese businessman (NOT a real identifiable person) in a navy blazer over a white tee, sitting at a wooden desk with a laptop in a softly blurred cafe/office, looking calmly off to the right.
Floating around him on the right side: translucent glassmorphism hologram UI panels showing tiny dashboard widgets — a small line/bar growth chart labelled 売上レポート, a smiley AIアシスタント card, a checklist タスク管理 card, and a mail/automation 自動化フロー card.
The right third dissolves into a ブランド purple-to-orange gradient glow with a soft light streak, leaving clean negative space for an HTML headline + CTA overlay.
Hologram labels are small decorative Japanese only; NO large headline in the image.
[+ default_style] [+ HARD BANS]
```

P02 — before-after.png（1536x1024 / before_after）

```
Split before/after LP visual, 1536x1024, two equal halves.
LEFT (導入前, cool blue/grey muted tone): a tired, generic Japanese businessman slumped at a cluttered desk piled with paperwork, a wall clock, and floating worry icons (データ入力, 集計・転記, 資料作成, メール対応, ファイル管理) tangled around him. Top badge 「導入前」 and a two-line Japanese headline 「手作業で時間がかかり、コア業務に集中できない…」.
RIGHT (導入後, warm ブランド purple-to-orange tone): the same kind of person relaxed with hands behind head, while friendly small 3D AI robot figures cheerfully handle the same task icons, now ticked off. Top badge 「導入後」 and headline 「AI社員が業務を自動化。人は、より創造的な仕事へ。」.
A bold gradient arrow points left-to-right across the center divider.
Bottom caption band: three muted pain chips on the left (長時間労働 / ミス・抜け漏れ / モチベーション低下) and three bright benefit chips on the right (業務効率化 / 生産性向上 / 価値創造に集中).
Render EVERY Japanese character fully and legibly at headline scale.
[+ default_style] [+ HARD BANS]
```

P03 — feature-ai-employees.png（1024x1024 / 役割分担図, role: logo_cluster）

```
Clean role-distribution org chart, 1024x1024, pure white background.
A single cute 3D mascot character (rounded purple-to-lavender ブランド gradient body, small antenna, glass reflections) sits at the top using a laptop on a small pedestal inside a soft circular spotlight — the "manager" AI employee.
From it, two thin gradient connector lines branch down to a row of three smaller identical mascots, each doing a different task: one with a speech bubble + notepad, one focused on a laptop, one with a magnifier over a small bar chart.
Friendly, premium, toy-like 3D render, soft shadows, lots of whitespace.
NO text inside the image (captions are added in HTML), NO third-party logos.
[+ default_style] [+ HARD BANS]
```

P04 — trust-result.png（1536x1024 / trust）

```
Abstract analytics dashboard visual, 1536x1024, on a ブランド purple-to-orange gradient backdrop.
Floating translucent glass cards in a tidy composition: a large card with a rising line/area growth curve, a card with a half-doughnut gauge meter, smaller cards with bar charts, a doughnut chart, and a 2x2 grid of small KPI tiles with simple icons (clock, chart, calendar, person).
All cards WITHOUT any readable numbers or percentages (figures are added later in HTML).
Premium glassmorphism, soft reflections, restrained glow, generous whitespace.
NO numbers, NO percentages, NO client logos, NO faces, NO text.
[+ default_style] [+ HARD BANS]
```

recipe.json（engine/pipeline/recipe_schema.md 準拠・正本は同フォルダ recipe.json）

社内エンジンと同じスキーマ。このJSONを gpt-image-2 ランナーへ渡せば同じ4枚を再生成できる（課金・人間承認後）。
完全な本文は同フォルダ recipe.json を参照（_meta に company/service/goal/binding/placement を収録）。

```json
{
"project": "aiueo-aio-marketing-os-lp",
"default_style": "Clean premium tech aesthetic, generous whitespace, ブランド gradient (#7b6ce0,#9b8cff,#c87941,#e8b88a,#f7f0f6), purple/copper materials, glassmorphism, subtle particles. No info-marketer black+red+gold.",
"images": [
{ "name": "hero", "role": "hero", "size": "1536x1024", "human_ref": false, "prompt": "Generic Japanese businessman at a laptop with floating glassmorphism hologram dashboard panels (売上レポート / AIアシスタント / タスク管理 / 自動化フロー); right third dissolves into ブランド gradient glow with clean negative space for HTML headline+CTA. No large headline, no real-person likeness." },
{ "name": "before-after", "role": "before_after", "size": "1536x1024", "human_ref": false, "text": "導入前 / 導入後 + headlines + pain/benefit chips", "prompt": "Split before(導入前, cool muted, overwhelmed person + paperwork + worry icons)/after(導入後, ブランド gradient, relaxed person + small AI robots handling tasks); center gradient arrow; bottom chips 長時間労働/ミス・抜け漏れ/モチベーション低下 -> 業務効率化/生産性向上/価値創造に集中. Render Japanese fully legible." },
{ "name": "feature-ai-employees", "role": "logo_cluster", "size": "1024x1024", "human_ref": false, "prompt": "White bg org chart: one ブランド gradient mascot 'manager' at top on a laptop in a spotlight, branching to three smaller mascots doing 集客(speech bubble+notes)/営業(laptop)/制作(magnifier+bar chart). No text, no third-party logos." },
{ "name": "trust-result", "role": "trust", "size": "1536x1024", "human_ref": false, "prompt": "Abstract dashboard on ブランド gradient: floating glass cards with rising growth curve, half-doughnut gauge, bar charts, doughnut, 2x2 KPI tiles (clock/chart/calendar/person icons), all WITHOUT readable numbers. No percentages, no logos, no faces, no text." }
]
}
```

questions.md

questions.md — 作業開始前の確認（10問以内）

題材: SCENARIO.md の架空会社「株式会社アイウエオ / AIO Marketing OS」の
無料診断の予約獲得LP。MASTER_PROMPT「1. 作業開始条件」の10問に対し、
SCENARIO.md から埋まる項目は埋め、不明な項目は仮定として明記して進める
（SCENARIO「仮で進めて」相当 = ドラフトまで）。

#質問回答（SCENARIO由来 / 仮定）
1最終ゴールは何か「無料診断を予約する」のクリック数最大化。CTAは全セクション末に再掲。
2誰向けかAIで集客・営業・制作を仕組み化したい中小企業・個人事業主。
3受け手にしてほしい行動無料診断フォームの予約（example.com の予約導線）。
4絶対入れたい情報・数字・証拠価格498,000円（税別）/ 8週間 / 導入12社・月40h削減（いずれも架空前提、画像内には数値を焼き込まずHTML側で出す方針）。
5使ってよい素材・URLサイト https://example.com/aiueo-ai-marketing のみ。実在ロゴはAIツールロゴ（claude/chatgpt/notion/figma）= engine の ai_tool_logos を参照入力。
6参考にしたい過去アウトプットなし（架空案件）。トーンは ブランド brand ガイド（engine/generic-lp-images/knowledge/brand_guide.md）を採用。
7避けたい表現・NG黒×赤×金の情報商材配色 / 「No.1」「業界初」等の実証なき訴求 / 実在の他人の顔 / 文字焼き込み過多。
8制約形式=画像ブリーフ（ドラフトまで）。媒体=PC/モバイルLP + OGP。画像内テキストは最小限。公開・外部送信はしない。
9完成後の確認者発注側の担当者（人間）。画像本番生成は人間承認後に gpt-image-2 で実行。
10何をもって完成か各セクションの「信じさせたいこと→画像役割→比率/文字方針」が揃い（作る画像=9枚）、recipe.json が engine 本番ランナーでそのまま回せ、build_placeholders.py で比率・文字安全ゾーンを目視確認済み。

仮定（一次情報がないため明示）

株式会社アイウエオ / AIO Marketing OS（架空シナリオ）向けに生成した成果物サンプル。実在の個人情報・口座・連絡先は含みません（example.com のみ）。