landing-page-generator-skill

落地页生成器

创建能够提升转化的落地页，输出为单个独立的 HTML 文件，然后使用随附的审计脚本进行验证。

随附资源

资源	用途	何时阅读/运行
assets/template.html	可用于生产环境的页面框架：包含 9 个版块、4 种主题、SEO 元数据、结构化数据和内置的 CWV 优化	每个新页面都以此为起点
references/copy-frameworks.md	PAS/AIDA/BAB 的应用、首屏文案规则、CTA 公式、语气规则	编写任何文案之前
references/section-library.md	各版块的模式、变体和规则	添加、删除或调整版块时
references/design-styles.md	主题选择、设计令牌、排版、图像规则	选择主题或应用品牌色时
references/optimization.md	手动检查清单、CWV 目标、A/B 测试、故障排查、基准指标	交付前；诊断表现不佳的页面时
scripts/*.py	自动化审计（参见“验证”步骤）	每次草稿完成后、交付前

先澄清需求

生成页面前，先确认以下事项。只询问对输出影响最大的 2–3 项；如果用户说“直接起草”，就继续，并在交付内容开头列出假设。

• 转化目标与优惠 — 唯一的操作及访客能获得的内容（一页、一个目标、一个 CTA）
• 目标受众与认知阶段 — 用于选择文案框架（见下文）
• 主要痛点与核心收益 — 用于撰写首屏标题以及问题/解决方案版块
• 流量来源 — 广告、电子邮件或自然流量（决定信息匹配方式）
• 品牌限制 — 现有颜色/徽标/截图，或可自由发挥

工作流

1. 选择框架和主题

根据受众认知阶段选择文案框架（详见 references/copy-frameworks.md）：

受众	框架
已了解问题	PAS
需要了解相关知识	AIDA
希望实现转变，且知道解决方案存在	BAB

根据产品类型选择设计主题（详见 references/design-styles.md）：dark-saas（开发工具、技术类 SaaS）、clean-minimal（服务、医疗保健、教育）、bold-startup（消费类、创意类）、enterprise（B2B 企业、金融、政府）。

2. 基于模板构建

复制 assets/template.html，在 <body> 上设置 data-theme，并替换每个 {{PLACEHOLDER}}。模板中的版块顺序是标准顺序：首屏 → 社会认同栏 → 问题 → 解决方案 → 工作原理 → 客户评价 → 定价 → 常见问题 → 最终 CTA。删除不适用的版块（例如，线索磁铁页面可删除定价版块），但不要调整顺序——可信度必须先于宣传主张，处理异议的内容必须先于最后的行动号召。

模板已强制执行的必备要求——编辑时请保持不变：

• 仅有一个 H1；导航仅包含徽标 + CTA（每增加一个链接，就多一条离开页面的路径）
• 重复约 3 次相同的 CTA 操作，并在每个按钮下方说明如何降低行动门槛
• 图片必须明确设置宽度/高度；首屏以下的图片使用 loading="lazy"；首屏图片使用 fetchpriority="high"
• 视口元标签、元描述、OG 标签、FAQPage 结构化数据

诚实原则：绝不要编造客户评价、客户姓名、徽标、指标或保证。如果用户没有提供这些内容，请保留醒目标注的占位符，并列出所需信息。虚构社会认同会给用户带来法律和信任风险。

3. 使用审计脚本验证

对完成的 HTML 运行全部三个脚本（支持使用 --json 输出机器可读结果）：

python scripts/conversion_checklist.py page.html   # 20+ point structure audit
python scripts/cta_analyzer.py page.html           # CTA placement, copy strength, consistency
python scripts/page_speed_estimator.py page.html   # Est. Core Web Vitals (LCP, CLS, INP)

修复所有低于 B 级的项目和所有标记的问题，然后重新运行脚本。此外，还要按照 references/optimization.md 执行手动检查（脚本无法判断标题是否真正传达了价值——请不带预设地阅读）。

4. 交付

提供 HTML 文件，并附上简短摘要：所选框架和主题（以及原因）、审核评分、所作假设，以及用户仍需填写的占位内容（图片、真实用户评价、注册 URL、分析工具）。

如果页面将迎来真实流量，建议对标题进行 A/B 测试——标题通常是影响最大的元素（框架见 references/optimization.md）。

审核现有页面

如果用户要求审核／改进现有落地页，而不是创建新页面：对该页面运行全部三个脚本，阅读 references/optimization.md 中的人工检查项和故障排查表，并按对转化的影响从高到低呈现发现（优先列出信息匹配度和首屏 CTA 问题，最后列出视觉修饰问题）。

范围

涵盖范围： 页面结构、文案应用、设计主题、转化优化、CTA 策略、SEO 元数据、CWV 优化、A/B 测试设计、审核现有页面。

不涵盖范围： 运行引流广告活动、CMS／网站构建器管理、分析平台设置、后端表单处理（模板中的表单指向用户必须自行接入的 URL）。

基准数据说明： 转化率中位数（2025 年跨行业约为 6.6%）因类别差异很大——SaaS 试用为 10-25%，电子商务为 2-3%。这些数据仅供参考；用户自己的基准才是真正的衡量标准。