用途：生成一个自包含的 index.html，全屏实时渲染 WebGL 或 WebGL2 视觉，并在画布上方叠加简洁的排版文字。
主要能力：支持片段着色器场（域扭曲 fbm 噪声、流场、等离子、渐变）、光线步进场景（SDF 球体/盒体与软阴影）、实例化几何（顶点着色器驱动大量点/四边形）、后处理图像（采样 data URI 纹理并扭曲/抖动）。OpenDesign 检测到 getContext('webgl2')、new Worker 或 SharedArrayBuffer 时，会在跨源隔离的 iframe 中启用增强预览，可使用真实 Web Worker、SharedArrayBuffer、WASM 与完整 GPU 管线。
使用方式：先阅读 example.html（WebGL2 极光场参考），其结构为一个全视口 canvas、全屏三角形上的片段着色器绘制循环、DPR 感知的 resize 与 requestAnimationFrame 循环，叠加层为纯 HTML/CSS 通过 z-index 置于画布上方。选择一种视觉技术后构建单文件 index.html，内联着色器源码，纹理以 data: URI 嵌入，零外部请求。始终设置 alpha:false、DPR 上限为 2、resize 时更新 viewport，并在上下文为空时显示优雅提示；用 getShaderInfoLog 记录着色器编译错误。叠加层标题不超过 14 字符，配一行辅助文字，不遮挡整个画布。
适用场景：需要全屏实时 GPU 视觉的网页体验、生成式视觉展示、3D 主视觉等。
限制：需支持 WebGL2 或 WebGL 的环境；若 webgl2 不可用需降级为提示信息而非空白页。自检要求约 60fps 连续渲染、无 WebGL 控制台错误、resize 清晰、叠加文字对比度可读。具体品牌配色映射与 DESIGN.md 相关细节暂未提供。