页面生成器 (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 24 小时自动优化，广告费节省 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 | 标题、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 | 退款政策、常见问题 |
| 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)