用途：把界面推向常规之外，让任意部分显得非凡——百万行表格、从触发按钮变形的对话框、流式实时校验表单、电影级页面转场。它关注界面“感觉”而非产品功能，不涉及实时协作、离线或后端能力。
主要能力：按目标而非技术组织工具箱。电影级转场：View Transitions API（同文档全浏览器支持，跨文档 Firefox 不支持）、@starting-style、弹簧物理（motion、GSAP 或自写求解器）。滚动驱动动画：animation-timeline: scroll()（Chrome/Edge/Safari，Firefox 仅标志，需静态回退）。超越 Tailwind 的渲染：WebGL、WebGPU（需回退 WebGL2）、Canvas 2D/OffscreenCanvas、SVG 滤镜链。数据动效：虚拟滚动、GPU 加速图表、动画数据过渡。复杂属性动画：@property 令牌、Web Animations API。性能：Web Workers、OffscreenCanvas、WASM。设备交互：Web Audio API（需用户手势）、方向/环境光/地理定位（需授权）。
使用方式：先读 frontend-design 并遵循其上下文收集协议，复用已有上下文；查阅 motion 参考、elevation 系统与 ai slop 检测。先确定“非凡”对本项目的含义，再选技术。必须用浏览器自动化预览、视觉验证并多轮迭代。实现时坚持渐进增强，用 @supports 与能力检测提供回退；目标 60fps，低于 50 就简化；始终尊重 prefers-reduced-motion 并提供精美静态替代；重资源懒初始化、离屏暂停；在真实中端设备测试。
适用场景：视觉/营销页面、功能性 UI、性能关键 UI、数据密集界面。
限制：不得忽略 reduced-motion；不得在中端设备卡顿；不得用无回退的前沿 API；不得未经同意加声音；不得用技术野心掩盖薄弱设计基础；不得堆叠多个竞争性亮点。验证含 wow、removal、device、accessibility、context 五项测试。具体命令与代码示例资料未提供。