该技能用于在编写代码前,把落地页目标映射为明确的 WebGL 方向,避免在首屏堆叠过多特效。
用途:创建或改进以 WebGL 为主的落地页时,先确定页面意图,包括主要转化目标与品牌信号(高端/极简、技术权威、趣味消费、电影叙事),并记录设备分布、对动效的容忍度(如 prefers-reduced-motion 策略)以及截止时间、团队技能、维护预算等约束。
主要能力:提供四条 WebGL 方向。A 轻微景深(渐变网格、缓慢视差、轻光晕),适合 SaaS、效率与 B2B 工具,要求文案优先;B 数据/粒子智能(粒子流、节点网络、矢量场、线框),适合 AI、基础设施、分析类产品,强调系统行为而非随机闪烁;C 以物体为中心的 3D 产品展示(GLTF 模型、受控相机环绕、材质高光),适合硬件与产品发布;D 沉浸式电影场景(体积光、重度后期、滚动分章),适合品牌活动页。另提供按页面类型的搭配矩阵、发送前的质量门(信息、性能、无障碍、可靠性)以及按风险分级的实现策略,并给出提示词模板与常见失败修正。
使用方式:先选定一个主导方向,避免混用 3-4 个重效果;按输出格式返回推荐方向及理由、视觉规范、技术栈与复杂度等级、降级行为、性能与无障碍清单、构建顺序(先 MVP 后增强)。实现上像素比可限制为 Math.min(devicePixelRatio, 1.5-2),懒加载重资源并提供非 WebGL 静态降级,处理上下文丢失与尺寸变化,在单页路由切换时释放几何体、材质与纹理。
适用场景:等候名单/预发布、产品功能页、定价页、企业信任页、消费应用增长页与活动站。
限制:资料未说明具体收费、价格与平台支持情况;默认建议转化页采用低到中风险方案,仅当明确要求活动级沉浸感时才用高风险多通道着色器方案。