Landing Page Generator 用于根据用户提供的简要需求（brief）生成一个完整、可直接部署的落地页，输出为单个 HTML 文件。无需构建步骤、无依赖，可直接在浏览器中打开或部署到任意位置。
用途 该技能面向需要快速创建营销落地页的场景，例如产品发布、活动注册、应用下载、作品集展示或“即将上线”页面。用户提供业务信息后，技能生成包含完整结构和样式的单文件 HTML 页面。
主要能力 生成单个自包含 HTML 文件，使用 Tailwind CSS（通过 CDN）、响应式设计、深色模式。页面默认包含以下区块：导航、英雄区、功能、社会证明、定价（可选）、FAQ、页脚。
使用方式 技能首先收集简要信息，要求提供业务/产品名称、价值主张、目标受众、主要 CTA；次要 CTA、品牌颜色、Logo URL 或文本、电话/邮箱、所需区块为可选项。若未提供品牌颜色，建议使用 color-palette 技能生成或使用默认的 slate/blue 配色。
随后生成 HTML，结构包含 <!DOCTYPE html>、语言属性、平滑滚动类、元信息与 OG 标签、favicon、Tailwind CDN 脚本、自定义颜色的 Tailwind 配置，以及导航、英雄区、功能、社会证明、定价（可选）、FAQ、页脚和深色模式切换脚本。
该技能定义了各区块的模式：导航为粘性顶部导航，含 Logo/名称、锚点链接、移动端汉堡菜单、右侧 CTA 按钮；英雄区全宽、首屏可见，包含价值主张的 h1、副标题、主要 CTA 按钮，可选图片占位或渐变背景，桌面端左对齐文本（60/40 分栏配图），移动端居中；功能/服务为 3-6 项响应式网格（移动 1 列、桌面 2-3 列），每项含图标占位、标题、简短描述，使用语义化标题；社会证明/推荐语为 2-3 张卡片，含引言、姓名、角色/公司，可含星级评分，或使用客户/合作伙伴 Logo 栏；定价（可选）为 2-3 个档位卡片，突出“推荐”档位，含功能对比清单和每档 CTA；FAQ 使用 details/summary 手风琴模式，4-6 个常见问题，含 Schema.org FAQPage 标记；页脚含业务名称、联系信息、社交链接、法律链接占位和版权年份（JS 自动更新）。
适用场景 适用于需要快速产出营销页面的场景：即将上线页面（仅英雄区 + 邮件注册表单 + 倒计时）、产品发布（英雄区 + 功能 + 定价 + 强 CTA）、作品集（英雄区 + 项目网格 + 关于 + 联系）、活动页面（英雄区 + 日程 + 演讲者 + 场地 + 注册 CTA）、应用下载（英雄区 + 功能 + 截图 + 应用商店徽章）。技能会根据页面目的调整区块选择，并非每个页面都需要定价或 FAQ。
技术规范与限制 响应式采用移动优先，三个断点：默认移动（< 640px）、sm: 640px+（平板）、lg: 1024px+（桌面）。深色模式为三态切换（浅色/深色/系统），使用 CSS 自定义属性存储颜色，在 <html> 上添加 .dark 类而非媒体查询，含小型 JS 用于切换和 localStorage 持久化。无障碍要求：正确的标题层级（h1 → h2 → h3，不跳级）、所有图片的 alt 文本占位、交互元素上的 focus-visible 样式、足够的颜色对比度（最低 4.5:1）、跳转到内容链接。SEO 要求：语义化 HTML5 元素、OG 元标签、Twitter 卡片元标签、规范 URL，若为本地业务则使用 LocalBusiness 的 JSON-LD。性能要求：核心内容渲染不依赖 JS、图片懒加载、系统字体栈（无外部字体请求）、单文件（除 Tailwind CDN 外无外部 CSS/JS）。
颜色应用 若用户提供品牌颜色，通过内联 Tailwind 配置设置；若未提供，使用 Tailwind 内置调色板（slate 作中性色，blue 作主色）。
输出 将文件写入用户指定位置，默认 ./index.html。生成后告知用户预览方式（macOS 打开 index.html 或 python3 -m http.server 启动本地服务器），建议部署选项（拖拽到 Cloudflare Pages、Netlify drop 或 wrangler deploy），列出需要替换的占位内容（图片、推荐语、电话号码）。
质量规则与变体 不使用 lorem ipsum 占位，而是根据业务类型生成真实的占位文本；确保布局不破版；不使用内联样式，仅用 Tailwind 类；实现真实交互（平滑滚动、可用手风琴、可用深色模式切换）；默认无障碍；若为澳大利亚业务，遵循澳大利亚惯例（+61 电话格式、澳大利亚拼写、ABN 占位）。技能支持多种变体，根据页面目的调整区块选择。