⚠️ 已废弃 — 商业销售页面布局（线框图构建器）
状态： 于 2026-05-14 废弃。新流程：
/biz-offer-alex-hormozi→ui-ux-pro-max（跳过此技能）。原因：
ui-ux-pro-max直接读取offer.json，一次性生成生产就绪的 Next.js 项目。中间的 wireframe markdown 不产生价值（用户仍需随后构建 HTML），且生成两次内容填充（一次在布局，一次在文案升级）导致不必要的重叠。何时仍可使用此技能：
- 用户明确要求 wireframe markdown 以便在构建代码前与团队评审/打印/共享
- 用户不使用 Next.js 部署，而是想粘贴到其他页面构建器（Webflow、Framer、WordPress 页面构建器）
- 用户希望在下达预算代码前审计 Hormozi/Priestley 结构
新标准流程：
/market-research (可选) → /biz-offer-alex-hormozi → /ui-ux-pro-max → /biz-deploy-vercel → /biz-email-setup → /biz-nextjs-chatbot-openrouter (可选)
商业销售页面布局 — 落地页线框图构建器 (旧版)
此技能将已打包的 offer + 一套客户痛点/收益转化为完整的销售页面布局框架，随时可构建 HTML 或粘贴到页面构建器，针对越南市场优化。
设计理念：客户在查看英雄区的前 3 秒内决定是否购买。英雄区必须完成 Priestley 教导的 5 件事：指出痛点/承诺 → 引导行动 → 承诺 3 个可衡量的胜利 → 证明可信度 → 邀请低摩擦的下一步。之后的主体部分则执行 Hormozi 的策略：放大痛点 → 揭示机制 → 堆叠价值 → 反转风险 → 推动紧迫性。
两个学派并不矛盾——Priestley 教导开头，Hormozi 教导成交。此技能融合了两者。
技能输出为 output/sales-pages/<slug>/ 中的 3 个文件：
layout.md— 按部分划分的线框图，附带已填充的文案（越南语），用于评审/打印layout.json— 供下游管道使用的结构化数据（部署、A/B 测试、内容管理）hero-block.md— 可粘贴的 Above-the-fold 区块（5 个元素：钩子、副标题、价值主张、可信度、CTA）
何时使用此技能
- 用户刚刚运行完
/biz-offer-alex-hormozi，拥有offer.json，希望构建销售页面。 - 用户拥有来自 VPD（客户画像）的痛点/收益 + 产品/服务 → 希望在不经过正式 offer 设计步骤的情况下获得布局。
- 用户仅有产品想法 → 技能会通过访谈探究痛点/收益，然后直接构建布局（比先经过
/biz-offer流程的严谨性稍弱，但速度更快）。
在以下情况 DO NOT 使用此技能：
- 需要带有测试/评估的潜在客户生成页面（Priestley 评分卡类型） → 属于不同用例，不同技能。
- 尚未形成客户画像 → 先运行 VPD 管道。
- 需要生产就绪的 HTML → 此技能输出线框图和文案；使用
ui-ux-pro-max或biz-deploy-vercel进行部署。
总体工作流程（5 个阶段）
阶段 0：检测输入模式 (A/B/C)
↓
阶段 1：锚定 — 确定细分市场 + 梦想结果 + 前 3 大痛点 + 前 3 大收益
↓
阶段 2：英雄区块 — 提出 2-3 个钩子变体，构建 5 元素 Above-the-fold 区块
↓
阶段 3：主体布局 — 根据 offer + 痛点/收益设计 8-10 个部分的结构
↓
阶段 4：输出 — 生成 3 个文件，建议下一步（部署）
每个阶段询问用户确认或选择 — 不自行决定。布局是用户的营销资产，而非技能的资产。
阶段 0 — 检测输入模式
读取消息和用户参考文件。3 种模式：
模式 A — 有 offer.json（最丰富的路径）：
- 用户引用指向
offer.json的路径或说“我刚刚运行完 biz-offer” - 技能读取完整数据：细分市场、梦想结果、痛点/收益、核心 offer 名称 + 机制、加分堆叠、保证、紧迫性、3 层定价
- → 直接进入阶段 1，数据完整，仅需确认 4 个锚定元素。
模式 B — 有痛点/收益 + 产品（中等路径）：
- 用户粘贴按 VPD 格式列出的痛点/收益（项目符号列表） + 产品描述
- 或拥有来自 VPD 管道的
vpc.json文件 + 产品信息 - → 技能建议：“您想先运行
/biz-offer-alex-hormozi以获得完整的 offer.json 吗？这样页面质量会更高。”如果用户说“不，直接构建”→ 使用现有数据进入阶段 1，将在阶段 3 对 offer 堆叠部分进行即兴发挥。
模式 C — 仅有产品（精简路径）：
- 用户说“我销售课程 X”但未附带痛点/收益
- → 技能必须在阶段 1 前进行简短的 VPD 风格访谈。阅读
references/interview-mode-c.md了解问题。 - → 最好仍建议用户先运行
/biz-offer，但如果用户需要快速完成，则继续。
重要：不要让用户跳过阶段 1。不了解客户痛点的销售页面 = 通用文案 = 无转化。这就是 Priestley 教导钩子必须具体指出痛点/承诺，而不是“我们很厉害”的原因。
阶段 1 — 锚定（整个页面的北极星）
在进入英雄区之前，必须拥有以下 4 个要素并且用户同意：
1.1 具体细分市场
不是“企业”、“女性”、“年轻人”。必须缩小范围：
- ✅ “越南 Solopreneur，销售课程，月营收 30-100M，卡在规模化阶段”
- ✅ “28-35 岁城市背奶妈妈，全职办公室工作，有 5 岁以下孩子”
1.2 梦想结果（Hormozi：具体 + 可衡量 + 有时限）
- ❌ “减肥” → ✅ “12 周内减重 8 公斤，不计算卡路里，不去健身房”
- ❌ “增加收入” → ✅ “90 天内通过在线副业实现每月 3000 万越南盾，每周工作 10 小时”
1.3 前 3 大痛点（按严重程度排序）
必须包含 VPD 的三个维度：
- 功能性 — 具体阻碍了什么事情
- 情感性 — 做不到时会产生什么情绪
- 社交性 — 在谁面前丢脸，害怕谁怎么想
1.4 前 3 大收益（按渴望程度排序）
- 必需 — 必须拥有的最低限度
- 期望 — 默认期望的
- 渴望/意外 — 令人惊叹的因素
阶段 1 输出：块“锚定” — 细分市场 / 梦想结果 / 3 个痛点 / 3 个收益 — 已由用户确认。这是后续所有文案决策的北极星。
阶段 2 — 英雄区块（Priestley 5 元素公式）
这是最重要的阶段 — 80% 的转化率由英雄区决定。阅读 references/hero-block-design.md 以深入了解每个元素。
5 个强制元素
元素 1：钩子（标题 — 滚动时最先看到的内容）
技能提出 2-3 个变体，用户选择 1 个：
- 挫败感钩子：“是否因为 [痛点] 而感到沮丧，即使已经付出了 [无效的努力]？”
- 例：“是否因为 TikTok 内容无法获得浏览量而感到沮丧，即使每天都发布？”
- 准备就绪钩子：“您准备好实现 [梦想结果] 了吗？”
- 例：“您准备好通过副业每月赚 3000 万越南盾了吗？”
- 大胆承诺钩子（Hormozi 风格）：“在 [时间范围] 内实现 [具体结果]，且无需 [痛点]”
- 例：“在 90 天内通过副业每月赚 3000 万越南盾，而无需放弃全职工作”
元素 2：副标题（直接引导行动，位于标题下方）
Priestley 教导副标题必须直接告诉读者下一步做什么，而不是做更多解释。格式：
- “[关于此方法为何与众不同以及为何值得信赖的具体承诺]”
- 例：“这套 4 步系统已帮助 200+ 学员每月赚取 3000 万越南盾以上，无需任何先前的营销经验。”
元素 3：价值主张 — “3 个可衡量的东西”（Priestley 洞见）
Priestley 教导：告诉人们你将具体改进/衡量通向结果之路上的 3 个具体事物。因为这 3 个事物容易可视化，使结果更可信。
越南语格式：
“本课程将帮助您构建和衡量 3 件事：
- [第一件事] — [为何重要]
- [第二件事] — [为何重要]
- [第三件事] — [为何重要]”
副业课程示例：
- 已验证的盈利利基 — 花 6 个月时间在无人购买的利基市场是错误的
- 自动运行的销售漏斗 — 即使在睡觉时也能赚钱，无需 1-1 成交
- 内容潜在客户生成系统 — 潜在客户稳定流入，不依赖广告
⚠️ 这是与传统销售页面模板（仅列出好处）的巨大区别。“3 个可衡量的东西”感觉是流程驱动，而非炒作。
元素 4：可信度（Priestley：创建者是谁 + 背景 + 研究/数据）
2-3 句简短区块，回答 3 个问题：
- 谁：谁创建了这套系统？（姓名 + 角色 + 一句背景介绍）
- 背景：凭什么可信？（经验、过往成果）
- 研究/数据：有哪些数据支持？（例：“85% 的 Solopreneur 卡在月入 3000 万越南盾的阶段 — 2025 年越南品牌报告”）
越南语格式：
“我是 [姓名]，[角色/资质]。已帮助 [N] 位客户实现 [具体结果]。根据 [来源] 的研究，[N]% 处于类似情况的人因 [洞察] 而遇到困难 — 这正是构建此系统的原因。”
元素 5：CTA（Priestley 4 部分公式）
强效 CTA 需要 4 个要素：
- 明确的下一步：“预订座位” / “查看课程详情” / “支付定金锁定价格”
- 低时间成本：“仅需 3 分钟” / “60 秒内”
- 免费/无风险：“90 天内 100% 退款” / “第 1 节免费”
- 即时价值：“注册后立即获得路线图 PDF” / “5 分钟内访问模块 1”
按钮格式 + 按钮下方微文案：
[按钮：“立即预订 — 仅剩 12 个名额”]
🛡️ 90 天内 100% 退款 | ⚡ 付款后立即访问
阶段 2 输出：完整的“英雄”区块（5 个元素）。用户在进入阶段 3 前确认。
阶段 3 — 主体布局（8-10 部分解剖图）
阅读 references/body-sections-blueprint.md 了解每个部分的详细信息。技能按顺序构建每个部分，每个部分包含：
- 目的（purpose）— 此部分对转化率有何作用
- 已填充文案（越南语，基于锚定 + 英雄 + offer.json）
- 视觉说明（visual note）（图像类型、CTA 放置、移动端考虑）
结构（8-10 个部分 — 根据 offer 复杂度灵活调整）
| # | 部分 | 目的 | 依赖输入 |
|---|---|---|---|
| 1 | 英雄区 | 3 秒内抓住用户 | 阶段 2 输出 |
| 2 | 痛点激化 | 让现状不可忍受 | 锚定 - 痛点 |
| 3 | 解决方案桥梁 + 机制 | 定位 offer + 命名独特机制 | offer.json mechanism 或阶段 1 |
| 4 | 收益级联 | 描绘实现后的状态 | 锚定 - 收益 + offer.json |
| 5 | 社会证明 | 消除疑虑 | 需要推荐语（如缺失，技能标记让用户填充） |
| 6 | offer 堆叠 | 构建感知价值 10 倍于价格 | offer.json bonuses + total_value（模式 A）；模式 B/C 即兴发挥 |
| 7 | 保证 | 反转风险 | offer.json guarantee（模式 A）；模式 B/C 提出 2-3 个变体 |
| 8 | 紧迫性 | 推动决策 | offer.json urgency（模式 A）；模式 B/C 提出方案 |
| 9 | 常见问题解答 | 处理异议（8-12 个问题） | 技能根据痛点 + 越南市场常见异议生成 |
| 10 | 最终 CTA | 最后推动 + P.S. | 重述 offer + 1 个最终洞察 |
主体设计规则
1. 每个部分使用相同的 1 个主要 CTA — 不是先“了解更多”再“立即购买”。全页面只有一个操作：“立即注册”或“预订席位” — 在页面中重复 4-5 次。
2. 移动端优先可滚动 — 越南 70% 的流量来自移动端。部分之间用明显的分隔，图像在文字上方或下方而非并列，按钮全宽。
3. 视觉节奏 — 每 2 个部分交替使用背景色以打破视觉疲劳。
4. 常见问题解答是重要的迷你游戏 — 阅读 references/faq-objection-bank-vn.md 了解越南市场最常见的 12 个异议。
5. 具体性在任何地方都胜出 — 具体数字 > 通用声明。“1,247 名学员” > “众多学员”。“85% 在 90 天内达到月入 3000 万越南盾以上” > “效果好”。
阶段 4 — 输出
在 output/sales-pages/<slug>/ 中生成 3 个文件（slug = 产品名称的短横线命名）。
4.1 layout.md
完整的逐部分线框图，包含：
- 报告标题（细分市场 + 梦想结果 + 产品名称 + 价格）
- 10 个部分，每个部分包含：
## 部分名称，**目的**：，**文案**：，**视觉说明**： - 页脚：导航链接、法律信息、联系方式
→ 模板：templates/layout.md.tpl
4.2 layout.json
为下游工具提供结构化的数据。Schema：
{
"version": "1.0",
"slug": "khoa-side-business-90-ngay",
"anchor": { "segment": "...", "dream_outcome": "...", "pains": [...], "gains": [...] },
"hero": {
"hook_type": "frustration|readiness|bold_promise",
"headline": "...",
"subheading": "...",
"value_prop_three": ["...", "...", "..."],
"credibility": "...",
"cta": { "button_text": "...", "microcopy_below": "..." }
},
"sections": [
{
"id": "pain-agitation",
"order": 2,
"purpose": "...",
"copy_blocks": { "headline": "...", "body": "...", "bullets": [...] },
"visual_notes": "...",
"cta": "primary"
}
],
"offer_reference": { "from_offer_json": true, "path": "output/cases/<slug>/offer.json" },
"pricing_display": { "tiers": [...], "guarantee": "...", "urgency": "..." }
}
→ 模板：templates/layout.json.tpl
4.3 hero-block.md
可粘贴的区块，仅包含英雄区的 5 个元素，格式紧凑，方便用户在进行英雄变体 A/B 测试时快速复制。
→ 模板：templates/hero-block.md.tpl
输出后
向用户报告：
- 已创建的 3 个文件路径
- 摘要：“[产品] 的布局 — [N] 个部分，英雄钩子类型 [X]，总堆叠价值 [Y]”
- 下一步建议：
- “您希望我调用
ui-ux-pro-max从此 layout.json 构建 HTML 吗？” - “或者调用
biz-deploy-vercel直接部署到 Vercel？”
- “您希望我调用
贯穿始终的原则
- 英雄区承担 80% 的工作 — 在英雄文案上的投入应是其他部分的 3 倍。
- 3 个可衡量的胜利胜过 7 个功能 — Priestley 洞见：更具体 = 更可信 = 更高转化。
- 单一 CTA 操作 — 不要用“了解更多”和“立即购买”来混淆用户。全页面只有一个操作。
- 具体性胜出 — “1,247 名学员” > “众多学员”。随处使用具体数字。
- 移动端优先 — 像在 iPhone 上阅读一样编写文案，而非 27 英寸台式机。
- 风险反转比功能更强大 — 90 天保证对转化的影响 > 增加一个额外奖励。
- 可信度必须出现在英雄区 — 如果英雄区没有可信度标志，人们会在阅读主体前就滚动离开。
- 单页，无菜单导航 — 销售页面不是网站。除非提供社会证明，否则不要让用户链接到其他地方。
越南市场覆盖
- 称呼“anh/chị” — 在 B2B/教练/课程场景中从不使用“bạn”（在低价消费品场景中使用“bạn”）
…
[为翻译而截断]