用途：生成一个自包含的 index.html，全屏实时渲染金属质感表面（默认熔融铬并带虹彩光泽），上方叠加简洁排版文字。
主要能力：采用域扭曲 fbm 高度场；由该场梯度（有限差分）重建表面法线；金属着色 = 漫反射铬渐变 + 锐利高光 pow(dot(n,h),80) + 菲涅尔项；用虹彩余弦调色板 0.5+0.5*cos(2π(x+phase))，由高度与菲涅尔驱动薄膜光泽。OpenDesign 会检测 getContext('webgl2') 并在跨源隔离 iframe（allow-same-origin）中渲染，可完整使用 GPU 管线。
使用方式：资源含 SKILL.md 与 example.html，先通读 example.html。步骤：选表面（默认熔融铬；全息箔：加强虹彩、扩宽相位、软化高光；油膜：更暗基底、更细高频扭曲、更强菲涅尔带）；构建单文件零外部请求的 index.html，用全屏三角形 + 片元着色器；由小高度偏移（e≈0.0016）重建法线，高光指数 ≥60 才像金属；虹彩绑定菲涅尔/高度仅在掠射角出现；着色器编译需记录错误日志。叠加层与品牌：有 DESIGN.md 时映射强调色，否则用克制金属色；参考将最热高光染向品牌色 #63fe13；标题 ≤13 字符加一行辅助文字，金属为主角。
自检（P0）：约 60fps 持续渲染且 FPS 徽标更新；明确读作金属（锐利移动高光）；虹彩克制（掠射角）非彩虹铺满；窗口缩放清晰不拉伸模糊；webgl2 不可用时降级为提示信息而非空白页。
限制：需支持 webgl2 与跨源隔离 iframe 的预览环境；具体性能、平台与授权信息源自资料，其余暂未提供。