ランディングページジェネレーター (Landing Page Generator)
概要
製品・サービス情報を基に、高コンバージョンのランディングページを自動生成するスキルです。
実行フロー
[入力] 製品・サービス情報
↓
[Step 1] 入力収集 - agents/01-intake.md
↓
[Step 2] ターゲットリサーチ - agents/02-research.md
↓
[Step 3] 13セクションコピー - agents/03-copy.md
↓
[Step 4] デザイン方向性 - agents/04-design-direction.md
↓
[Step 5] Geminiプロンプト生成 - agents/05-prompt-generator.md
↓
[Step 6] Gemini APIで13枚の画像生成
↓
[Step 7] 画像結合 → 最終PNG/PDF
必須入力情報
| フィールド | 説明 | 例 |
|---|---|---|
| product_name | 製品・サービス名 | "AIマーケティング自動化ツール" |
| one_liner | 一言定義 | "広告費50%削減するAIマーケティング" |
| target_audience | コアターゲット | "月間広告費100万円以上使っているスマートストアセラー" |
| main_problem | 解決する核心問題 | "広告最適化に1日2時間費やしている" |
| key_benefit | 核心メリット | "AIが24時間自動最適化、広告費50%削減" |
| price | 価格 | "月額99,000円 (定価199,000円)" |
| urgency | 限定要素 | "先着100名50%割引" |
任意入力情報
- testimonials: 顧客の声
- creator_bio: 作成者紹介
- bonus_items: ボーナス内容
- guarantee: 返金・保証ポリシー
- faq: FAQ項目
- brand_color: ブランドカラー（未入力時は自動提案）
13セクション構造
詳細ガイド: references/13-section-guide.md
| # | セクション名 | 高さ | 核心要素 |
|---|---|---|---|
| 01 | Hero | 800px | ヘッドライン、CTA、緊急性バッジ |
| 02 | Pain | 600px | ペインポイント3-4個 |
| 03 | Problem | 500px | 本当の原因、構造的問題 |
| 04 | Story | 700px | Before→After変化 |
| 05 | Solution | 400px | 製品の一言定義 |
| 06 | How It Works | 600px | 段階別プロセス |
| 07 | Social Proof | 800px | 口コミ、数値 |
| 08 | Authority | 500px | 作成者紹介 |
| 09 | Benefits | 700px | メリット、ボーナス |
| 10 | Risk Removal | 500px | 返金ポリシー、FAQ |
| 11 | Comparison | 400px | Before/After対比 |
| 12 | Target Filter | 400px | おすすめ/非おすすめ対象 |
| 13 | Final CTA | 600px | 最終CTA |
使用方法
1. 情報収集の対話
ユーザー: ランディングページ作って
→ 必須情報の質問を開始
2. 全プロセスの自動実行
情報収集後、自動的に:
- ターゲットリサーチ
- コピーライティング
- デザイン方向性の設定
- Gemini画像生成
- 最終組み立て
3. 出力
output/sections/- セクション別PNG (13枚)output/final_page.png- 最終ランディングページoutput/final_page.pdf- PDF版
技術スペック
- 画像幅: 1200px (固定)
- 全高: ~7,000px (可変)
- API: Gemini 3.0 Pro (画像生成)
- スクリプト: Python (Pillow)