用途：本技能用于在 Next.js（App Router）+ React + TypeScript + Tailwind v4 + Motion（原 Framer Motion）默认技术栈中，逐段组合出看起来不像 AI 生成的高级动画着陆页。若有 claude-design-system-architect 产出的设计系统，则在其之上构建；发布前需经 claude-design-critic 或 anti-ai-frontend 审查。
主要流程与能力：第一步规划页面——明确目标与单一行动、受众（可用 icp-deep-scanner 获取买家画像）、选择能达成目标的最少区块（hero → proof → how/why → objection-handling → pricing → CTA），并加载设计 token，若无则先生成而非硬编码颜色尺寸。第二步逐段编写真实组件，对每个区块分别决定布局、内容与动效，例如 hero 用锐利标题而非“Welcome to {Product}”、proof 用真实指标或具体结果。第三步写不具 AI 味的文案，剔除“elevate”“unlock”“seamless”等套话，具体优于泛化，并编写按钮、空状态、说明等真实微文案。第四步实际构建：写好组件、接入 token，保证移动优先响应式、语义 HTML、焦点状态、alt 文本与 AA 对比度，并运行开发服务器/构建确认可编译。第五步强制执行设计批评检查，去除残留的生成感模式，随后交付文件路径与选择说明。
限制与规则：不使用紫色、不使用 emoji（用 Lucide/Heroicons）；动效需克制且有变化，尊重 prefers-reduced-motion；图标替代 emoji；避免每个区块都用居中堆叠与相同淡入；严禁硬编码任意值；须在声称完成前完成编译或运行；必须以去 AI 批评检查结束。资料未提供具体安装命令、收费信息或运行环境要求。