design-landing-motion

用途：为落地页提供从概念到动效落地的设计流程，强调“一个签名效果做到极致”，避免堆砌多个效果。\n\n主要能力：从简报提炼一句概念主线；在效果目录中只选一个标志性效果（如滚动擦洗、视差层、WebGL 位移、粒子、遮罩揭示等）；按资产套件清单生成视觉素材并锁定品牌色板；按已检测的栈实现动效与 WebGL；通过质量门检查收尾。\n\n使用方式：先做环境判定（package.json 含 react/next 走 R3F + Framer Motion + GSAP ScrollTrigger；Hugo/Astro/Eleventy/纯 HTML 走 vanilla three + GSAP + CSS；无法判断则返回 blocker）。随后提炼概念主线、读取项目设计系统，只选一个签名效果，将素材生成委托给 moai-media，最后实现并过质量门。输出为结构化报告（概念主线、判定环境、签名效果、生成资产、移动端降级、低动效替代、门禁结果）。\n\n限制：不负责托管、部署、域名、数据库、密钥；不执行图像生成、不选模型、不报额度；不定义设计令牌；不向用户直接提问。硬性规则包括每页仅一个签名效果、首屏渲染须完整、所有动效元素须有 prefers-reduced-motion 替代、热路径只动 transform 与 opacity、移动端降级、文本用 HTML 而非烘焙进图片、不用图库图或 CSS 渐变糊弄、无法完成动效则输出静态版。未提供具体收费与价格信息。