用途：指导并实现视觉统一、动效丰富的营销、编辑、作品集与落地页网站，把“Awwwards 品质”当作验收标准，而非获奖或认可声明。
主要能力：先做艺术指导，从用户参考中只提取层级、节奏、对比、图像处理与动效原则等高层特征，生成全新的识别、布局、文案系统、图像与交互语言，禁止复用或近似复制参考素材、截图、源码、识别与文案。编码前写出紧凑方向：视觉论点、主视觉资产、字体层级、色彩系统、区块顺序、动效叙事、所选平滑滚动引擎、Three.js 决策与素材来源计划。
素材系统：优先原创生成或合规授权媒体，保留来源；不用模型生成的 SVG、CSS 或 canvas 路径画插画，插画元素用原创生成或授权的透明 PNG；头像必须用照片，不得用首字母、插画头像、无脸剪影或把生成人物当作真实客户、员工或背书者；界面图标用 Iconify 的 Solar 图标，真实公司标识仅用于真实语境，Logo Ipsum 仅用于明确披露的虚构品牌样例，无真实背书时省略 logo 墙。
动效：以 GSAP 为主，Lenis 与 Locomotive Scroll 中只选一个作为唯一平滑滚动引擎，不得同时安装或初始化两者，并正确接入 ScrollTrigger，媒体与字体变化后刷新测量，清理时销毁。prefers-reduced-motion: reduce 下绕过平滑滚动与滚动驱动时间线，直接渲染最终状态。逐区块编排，标题按词错落揭示，同时保留未拆分的无障碍名称，装饰性拆分词对辅助技术隐藏，不拆分链接或有意义行内标记，无 JavaScript 时未拆分内容仍可见。简单悬停、聚焦、点按状态用 CSS。
Three.js：仅在空间深度、纹理过渡、位移或指针响应确实支撑艺术方向时使用，画布职责单一且从属于语义内容；限制设备像素比，离屏或文档隐藏时暂停渲染，节流指针输入，避免逐帧分配；提供静态海报，在减少动效或 WebGL 失败时完全替换画布；清理动画帧、观察器、事件监听、渲染目标、纹理、几何体、材质与渲染器，并处理上下文丢失。
质量与验证：构建完整语义页面而非仅首屏概念，含响应式导航、连贯区块、转化内容、最终 CTA、页脚、表单或控件状态与可见键盘焦点；拒绝通用渐变团块、装饰性 bento 网格、滥用玻璃效果、库存组件布局、虚假评价、编造合作与无叙事作用的动效。交付前运行生产构建并修复失败，按需检查桌面与移动端，验证键盘导航、可见焦点、触摸行为、无 JavaScript 内容、静态媒体回退与减少动效行为，确认只安装并初始化一个平滑滚动引擎、ScrollTrigger 集成正确、动画与 WebGL 资源均被清理，并排查占位符、复制参考识别、无依据声明、误导性 logo、未署名媒体与不可访问拆分文本。
限制：具体安装命令、依赖版本、平台与收费信息暂未提供；不得将结果描述为获奖或获 Awwwards 认可，除非用户提供可验证证据。