Landing Page Builder
公式：我们的结构 × 竞争对手的最佳实践，按照参考标准构建。
每一页对于其细分领域都是独一无二的。 从零开始，设计来源于主题 + 竞争对手（阶段 2-3），永远不会源于之前的页面或模板。页面之间延续的是 质量标准，而不是外观：
- 每个区块都有清晰的层级：副标题 → 主标题 → 引导段 → 真实媒体 → 带微文案的行动号召按钮；
- 在合适的框架内放置真实产品媒体，缺失处需放置带标签的空白框架；
- 为该细分领域选择一组字体和一种强调色；
- 设置一个对比区块以增加节奏感；
- 逐一为结果添加说明文字；
- 在价格前进行内容回顾；
- 基于我们的事实构建常见问题解答和结束行动号召按钮；
- 截图质量检查。
已获批准的 Vidpeak 重新设计（references/examples.md §D）展示了这个水平。要达到其质量，而非其外观。
- 我们的结构 决定页面必须完成 哪些任务以及各自的比例（5 个区块，权重，基础规则）。该结构在每个细分领域中都相同。
- 竞争对手 决定在本细分领域中 如何完成每个任务：英雄区块公式、证明类型、产品展示方式、定价格式、异议点、视觉系统。这些因细分领域而异。
- 差距 —— 没有竞争对手提及或展示得好的地方 —— 成为我们的差异化优势。
- 参考标准（
references/reference-standard.md）设定 质量门槛：由所有者挑选的四个高质量落地页。它们的区块模式、文案技巧和视觉技巧就是“做得好”的标准。细分领域决定外观，参考标准决定质量水平。
永远不要仅靠框架（通用页面）构建，也不要克隆单个竞争对手（雷同页面）。
两种模式 —— 优先选择一种
| 模式 | 何时使用 | 工作流程 |
|---|---|---|
| A. 从零构建 | 尚未有页面，或所有者想要一个新页面 | 下方（阶段 1-6） |
| B. 改进设计 | 已有页面（URL / 仓库文件 / 截图），且所有者希望其外观和效果更好 | references/redesign.md |
模式 B 的触发信号："做得更好/更漂亮"、"重新设计"、"改进设计"、"这是我的落地页"、一个指向活动页面的链接。如果不清除，可以问一个问题：“要新页面，还是改进当前这个页面的设计？” 两种模式都使用相同的内部结构、基础规则和参考标准。
工作流程 —— 模式 A（从零构建）
依次执行。阶段 2-3 是本技能的核心 —— 不要为了节省时间而跳过它们。
| # | 阶段 | 输出 | 参考 |
|---|---|---|---|
| 1 | 简报 —— 产品、用户画像、核心利益、行动号召类型、价格、语言、素材 | 10 行简报 | references/brief.md |
| 2 | 竞争对手调研 —— 找到 3-5 个竞争对手，打开他们的落地页，捕捉每个区块 | research/ 目录下的截图 + 原始笔记 | references/competitor-research.md |
| 3 | 拆解与合成 —— 每个区块的模式、市场基线、最佳实践、差距、视觉锁定 | research/teardown.md | references/competitor-research.md |
| 4 | 页面计划 —— 我们的 5 个区块，每个区块填充选定的做法 + 参考标准中的一个模式 + 我们的内容 | 计划表 → 与所有者进行确认检查 | references/framework.md, references/reference-standard.md |
| 5 | 构建 —— 技术栈、文案、媒体、行动号召、专属于此细分领域的视觉系统 | 页面 | references/build.md, references/visual-system.md |
| 6 | 质量检查 —— 在浏览器中，桌面端 + 移动端，对照计划、竞争对手和参考标准进行检查 | 修复完成的页面 + 交接文档 | references/build.md §QA |
| 7 | SEO 和 GEO —— 在页面发布前（或根据要求）：一个地址、robots/sitemap/llms.txt、meta 和 og、JSON-LD、速度、AI 机器人访问、Search Console | 可被 AI 搜索引擎索引和引用的在线页面 | references/seo-geo.md |
确认检查（阶段 4 之后）。 向所有者简要展示：市场基线、你将采用的 3-5 个实践、将要攻击的差距、视觉锁定以及计划表。获得“同意”后，开始构建。如果所有者要求速度，在一次对话中陈述计划并开始构建。
不要停滞不前。 如果缺少某些内容（产品 URL、截图、价格），标记为 TODO 并继续。只询问那些会阻碍确定行动号召类型或语言的问题。
内部结构（始终遵守）
五个任务。一个任务可以跨越几个区块（例如，报价 = 回顾 + 定价 + 常见问题解答 + 最终行动号召）。权重表示页面长度/注意力的占比 —— 是一个目标形态，而非硬性规则。
| # | 任务 | 权重 | 必须达成 |
|---|---|---|---|
| 1 | 首屏 | 5% | 说明是什么或主要卖点，针对谁，一个主要行动号召（如果是预产品则可无） |
| 2 | 痛点与现状 | 15% | 仅当竞争对手使用痛点区块时。 然后描述问题，要尖锐，仅使用真实事实。否则跳过 —— 其权重转移到“利益” + “产品” |
| 3 | 利益 | 20% | 读者将获得什么，每个优势都需要有可视化内容或证明支持 |
| 4 | 产品 | 40% | 产品是什么 + 如何工作，在一个屏幕内即可理解 |
| 5 | 报价与行动号召 | 20% | 利益回顾、点击后的预期、价格 + 风险消除、异议点、行动号召 |
利益 + 产品 ≈ 页面的 60%。如果已有一个线上落地页，保持其区块顺序，并将任务映射到其上。
竞争对手与我们的结构如何结合
- 将每个竞争对手的区块映射到我们的 5 个任务之一（评价 → 利益证明，常见问题解答 → 报价异议点，Logo 栏 → 首屏证明，集成 → 产品……）。这提供了每个任务的市场视图。
- 市场基线 = 大多数竞争对手使用的模式。买家期望这些 —— 需要包含它们（Logo 栏、免费试用、对比表、前后对比……该细分领域视为标准的内容）。
- 最佳实践 = 一个模式，它（a）被品类领导者或 ≥2 个竞争对手使用，或出现在他们投放付费广告的页面上，并且（b）服务于其所在区块的任务。采纳它，用我们自己的语言表达。
- 差距 = 没人解答的异议点、没人证明的利益、没人命名的细分群体、没人使用的格式（例如，没人展示真实产出）。用 1-2 个差距来主导 —— 这就是定位。
- 冲突。 默认情况下，内部规则优先；在确认检查时标记冲突，让所有者决定。典型情况：竞争对手使用线索/测验表单 —— 我们保持一个主要行动（参见基础规则）。
- 视觉系统 来源于竞争对手集合（通常是领导者）：调色板角色、字体、密度、媒体格式、行动号召形状。复制 系统，永远不要复制他们的文案、数字、Logo 或素材。
基础规则（任何细分领域都适用）
- 强大的首屏：一个清晰描述 或 一个吸引人的利益，加上用户画像。
- 每个行动号召按钮都配有一个具体的利益，并说明下一步会发生什么。
- 展示产品通过真实界面如何工作 —— 每个操作步骤都配有一个该步骤的真实截图/录制，或者如果竞争对手也这样做，则让用户直接试用。如果没有任何准备好，则留下一个正确尺寸的空白框架，并标记上应放置的内容。决不能用文本列表、图标或虚构的用户界面替代真实界面。
- 一个主要操作，只有两种行动号召类型：进入产品（开始/试用/下载/注册）或 预约通话（最好使用嵌入式排程工具）。页面上不要放置线索或测验表单。允许：一种产品输入，可以开始使用产品（粘贴链接、上传文件、输入地址），前提是竞争对手以此方式让用户试用。
- 绝不编造证明、价格、统计数据、评价或 Logo。空缺位置 → 放置可见的
TODO。 - 仅使用真实产品媒体 —— 不应有伪造的用户界面，也不应在应放置产品媒体的位置使用库存图片。
- 当某个市场做法不清除或有风险时，向所有者询问，而不是猜测。
文件
references/reference-standard.md—— 四个参考落地页：质量门槛、每个任务的模式库、文案技巧和视觉技巧。两种模式都需要阅读。references/redesign.md—— 模式 B：审计现有页面并提升其设计。references/brief.md—— 以卡片为优先的简报，卡片行 → 区块映射，语言，行动号召类型。references/competitor-research.md—— 找到竞争对手、选择哪些页面、捕捉、拆解模板、合成规则。本技能的核心。references/framework.md—— 详细描述 5 个任务、每个区块的规则、市场成熟度、计划表。references/visual-system.md—— 从竞争对手中推导并锁定一个视觉系统（任何细分领域）。references/build.md—— 技术栈、文案、媒体、行动号召连接、报价/定价、质量检查、交接。references/seo-geo.md—— 发布前：SEO 和 GEO（AI 搜索）技术检查清单，从域名到 Search Console。references/examples.md—— 已完成的示例（不同细分领域）。示例，而非规则。scripts/capture.mjs—— 用于捕获竞争对手 URL 的截图 + 结构/视觉提取。templates/teardown.md—— 待填写的拆解文件。