用途
Landing Page Design 是一个用于构建高转化率且视觉出众的落地页的技能。它面向营销页面、产品发布、SaaS 首页以及任何单页场景，目标是在 AI 生成内容泛滥的环境中，做出值得以 50-100 美元出售、令人自豪的页面。
主要能力
该技能将转化导向的结构与独特的视觉设计相结合，核心能力包括：
- Vibe Discovery（氛围探索）：强制在写代码前执行，通过四个问题（品牌对应的真实地点或物体、前 3 秒应感受到的唯一情绪、两个意外影响的碰撞、页面绝不能被误认为什么）综合出独特的审美方向，确保没有两个落地页看起来相同。
- 审美发明：基于答案创造配色（从参考物提取 3-4 种颜色并发明新十六进制码）、字体（匹配碰撞声音的展示字体与正文字体）、布局（从物理空间推导密度、形状、标志性元素）和动效（匹配情绪的运动方式）。
- Vibe Spec 编写：在编码前明确写出氛围名称、参考、情绪、碰撞、反模式、颜色、字体、布局、动效和野卡元素。
- 新鲜度检查：验证未复用最近项目的十六进制码、未默认使用舒适字体、碰撞可见、页面不可被误认为之前作品、包含令人惊讶的野卡。
- 反趋同规则：无十六进制码记忆、字体轮换、碰撞必须可见、野卡强制、命名氛围。
- 50% 规则：将 50% 时间花在 Hero 区，它是社交媒体封面、第一印象和钩子。
- 区块构成：从 Hero、功能/收益、社会证明、工作原理、定价、CTA 到页脚的完整结构指导，并给出多种变体。
- 反 AI 套路原则：避免 Lucide 图标、Inter/Roboto 字体、紫色渐变、常规网格布局，提供替代方案。
- 动画词汇表：入场动画（fade-in、blur-in、slide-in、scale-in、stagger）、持续动画（marquee、beam、pulse、float、rotate）、交互动画（hover-lift、hover-glow、hover-reveal、click-ripple）和装饰元素。
- 设计资源：Hero 灵感、区块模式、字体、图标与标志的参考来源。
- 实现工作流：研究收集、Hero 开发、区块构建、打磨、展示五个阶段。
- 提示模式：Hero 生成、区块添加、动画增强的提示模板，以及负面提示。
- 质量检查清单：视觉区分、技术质量、转化优化三方面检查项。
使用方式
该技能以流程化方式使用：首先执行 Vibe Discovery，询问用户四个问题并综合出独特方向；然后发明审美并写出 Vibe Spec；接着进行新鲜度检查；之后按照实现工作流分阶段构建页面，从 Hero 开始，逐步添加区块，最后打磨和展示。技能中提供了具体的提示模式，可用于生成 Hero、添加区块和增强动画。
适用场景
适用于构建营销页面、产品发布页、SaaS 首页或任何单页落地页。特别适合需要视觉差异化、避免 AI 生成感、追求高转化率的场景。
限制
该技能强调创意生成而非预设模板，因此需要用户参与 Vibe Discovery 问答。技能中未提供具体的收费、价格或平台信息。部分设计资源和参考网站需要外部访问。技能本身不包含后端或数据集成功能，专注于前端视觉与结构设计。