落地页
此技能构建的是能产生转化的落地页，而不仅仅是外观漂亮的页面。它结合了经过验证的章节顺序、真实的文案和可投产的代码。
比喻：一个落地页就像一个永不休眠的销售人员。一个好的销售人员会遵循一个顺序——吸引注意力、指出痛点、展示解决方案、证明其有效、促成销售。下面的章节结构就是那个话术脚本。
工作流程
步骤 1 — 提出最多 3 个问题（不超过）
- 您正在销售或提供什么？（产品、服务、SaaS、咨询）
- 谁是理想的客户？（用户画像——请具体化）
- 您希望访客采取的最主要行动是什么？（购买、预订通话、注册、加入候补名单）
如果用户消息中已经包含了这些信息，请跳过此步骤。
步骤 2 — 构建章节结构（经过验证的心理顺序）
- 英雄区 — 明确的价值主张 + 主要行动号召。访客必须在 5 秒内明白这是什么以及为什么重要。
- 问题 — 激化客户的痛点。让他们感受到不解决问题的代价。
- 解决方案 — 产品/服务如何解决那个痛点。
- 功能 — 3-6 个关键功能点，以 收益而非规格 的形式撰写（例如“周末就能发货”，而不是“使用 X 框架构建”）。
- 社会证明 — 用户评价、品牌标志、数据、成果。
- 定价 — 如果适用；清晰的套餐，其中一个应突出显示。
- 常见问题解答 — 在问题阻碍成交之前，消除主要的反对意见。
- 最终行动号召 — 重申价值并重复主要行动。
步骤 3 — 激活 ui-design 技能以获取视觉系统
在编写组件之前，将设计系统的生成工作交给 ui-design 技能（样式、调色板、字体、间距、深色模式）。请勿在此处自行创造视觉选择。
委托说明： 设计系统本身根据可用性来获取——如果安装了 ui-ux-pro-max，则让它生成系统（可选择由 taste-skill 进行优化）；如果两者均未安装，则回退到 ui-design 中内置的原则。无论哪种方式，落地页都能正常工作；专业技能只是让它更出色。永远不要因为缺少依赖而阻塞流程。
步骤 4 — 生成文案，而不仅仅是代码
此技能会为每个章节编写基础文案——标题、副标题、正文、行动号召按钮标签——并根据产品卖点和目标受众进行定制。没有文案的代码等于半个落地页。
步骤 5 — 技术栈与可选附加组件
默认技术栈：React + Vite + Tailwind。在开始构建之前，询问页面是否需要：
- 动画 → Framer Motion
- 表单 → React Hook Form
- 分析工具 → 哪个提供商（例如 Plausible、GA、PostHog）
仅在用户需要时添加这些组件；默认情况下不要增加冗余。
步骤 6 — 输出
交付可直接使用的组件，而非原型——每个章节都是一个真实的组件，连接到设计令牌，内置已生成的文案，并在相关位置（例如表单）处理了空状态、加载状态和错误状态。