著陸頁產生器 (Landing Page Generator)
概述
根據產品/服務資訊自動產生高轉換率著陸頁的技能。
執行流程
[輸入] 產品/服務資訊
↓
[步驟 1] 輸入收集 - agents/01-intake.md
↓
[步驟 2] 目標研究 - agents/02-research.md
↓
[步驟 3] 13 區塊文案 - agents/03-copy.md
↓
[步驟 4] 設計方向 - agents/04-design-direction.md
↓
[步驟 5] 產生 Gemini 提示詞 - agents/05-prompt-generator.md
↓
[步驟 6] 透過 Gemini API 產生 13 張圖片
↓
[步驟 7] 圖片拼接 → 最終 PNG/PDF
必填輸入資訊
| 欄位 | 說明 | 範例 |
|---|---|---|
| product_name | 產品/服務名稱 | "AI 行銷自動化工具" |
| one_liner | 一句話定義 | "節省 50% 廣告費用的 AI 行銷" |
| target_audience | 核心目標受眾 | "每月廣告費超過 100 萬韓元的 SmartStore 賣家" |
| main_problem | 解決的核心問題 | "每天花費 2 小時最佳化廣告" |
| key_benefit | 核心效益 | "AI 全天候自動最佳化，廣告費用節省 50%" |
| price | 價格 | "每月 99,000 韓元 (原價 199,000 韓元)" |
| urgency | 限時限量因素 | "前 100 名 50% 折扣" |
選填輸入資訊
- testimonials：客戶評價
- creator_bio：創作者介紹
- bonus_items：額外贈品內容
- guarantee：退款/保證政策
- faq：常見問題
- brand_color：品牌顏色（未輸入時自動建議）
13 個區塊結構
詳細指南：references/13-section-guide.md
| # | 區塊名稱 | 高度 | 核心元素 |
|---|---|---|---|
| 01 | Hero | 800px | 標題、行動呼籲、緊急性標籤 |
| 02 | Pain | 600px | 3-4 個痛點 |
| 03 | Problem | 500px | 真正原因、結構性問題 |
| 04 | Story | 700px | 轉變前→轉變後 |
| 05 | Solution | 400px | 產品一句話定義 |
| 06 | How It Works | 600px | 逐步流程 |
| 07 | Social Proof | 800px | 評價、數據 |
| 08 | Authority | 500px | 創作者介紹 |
| 09 | Benefits | 700px | 效益、贈品 |
| 10 | Risk Removal | 500px | 退款政策、常見問題 |
| 11 | Comparison | 400px | 轉變前/轉變後對比 |
| 12 | Target Filter | 400px | 推薦/不推薦對象 |
| 13 | Final CTA | 600px | 最終行動呼籲 |
使用方法
1. 資訊收集對話
使用者：幫我製作一個著陸頁
→ 開始詢問必填資訊
2. 自動執行完整流程
資訊收集完成後自動執行：
- 目標研究
- 文案撰寫
- 設定設計方向
- Gemini 圖片生成
- 最終組裝
3. 輸出
output/sections/- 各區塊 PNG（13 張）output/final_page.png- 最終著陸頁output/final_page.pdf- PDF 版本
技術規格
- 圖片寬度：1200px（固定）
- 總高度：約 7000px（可變）
- API：Gemini 3.0 Pro（圖片生成）
- 腳本：Python (Pillow)