用途:面向单页转化型落地页(收集线索、引导注册、促进购买)的生成型 Agent Skill,适用于 SaaS、电商单品、咨询服务、课程等产品/服务展示页,需有明确转化目标(CTA)。不适用于多页网站、博客系统、需后端 API/数据库/认证的完整应用、复杂交互应用及非 Web 平台。
主要能力:以五阶段协议运作。Phase 1 需求采集,确认产品价值主张、目标受众、转化目标、技术栈与品牌风格;Phase 2 策略规划,按产品类型加载行业模板(SaaS、电商或通用结构),选择美学方向并规划 Hero 标题、CTA 与异议处理文案;Phase 3 生成设计 Token(排版、配色、动效、布局);Phase 4 按 Next.js + Tailwind 适配器生成组件化代码;Phase 5 质量验证,检查 11 元素覆盖率、CTA 清晰度与 Hero 标题公式,并做反模式检测(如泛滥字体、模板化配色、CTA 模糊、缺少社会证明、Hero 标题无力等阻塞项,以及响应式、可访问性、SEO、性能、Token 一致性等警告项),阻塞项可自动修复,最多 3 轮。Phase 5.5 支持按 Section 迭代修改或重新生成。
使用方式:当输入包含 landing page、落地页、产品页、营销页、主页设计、single page website、着陆页等触发词时激活。Skill 为 agent-agnostic,兼容 Claude Code、Codex CLI、Cursor、Trae、OpenClaw、Hermes Agent 及任何支持 YAML frontmatter + Markdown 的运行时;文件引用使用相对 Skill 根目录的路径(如 references/xxx.md),按安装位置解析。
限制:生成的是高质量起点代码,文案细节与品牌资产仍需人工打磨,不承诺一键完美;技术栈限定 Next.js 14/15 + Tailwind CSS(MVP 阶段)。