作者以一张 AI 生成的概念图为起点，完整记录了制作一个网页 3D 狐狸电台的全过程，证明不会建模、不用最强模型也能做出 3D 作品。文章分四步：想法生成静态图、图生 3D 模型（用混元 3D）、模型瘦身上网页（66MB 压到 1.9MB）、让模型在 shader 中动起来。文中穿插 7 个 3D 概念知识（网格面数、材质贴图、PBR、GLB 格式等），并给出挑图标准、模型体检打分方法、瘦身命令和成本账单，是一份可复现的 AI 3D 创作实践教程。
本文介绍了 HyperFrames 的两项新功能：Media Effects 和 Media Overlays。前者通过确定性着色器处理视频或图像像素，后者提供可编辑的 HTML/CSS/GSAP 覆盖层。文章详细解释了两者的区别、安装方法、实现代码及使用技巧，强调如何通过命令行或 Studio 界面高效应用这些视觉特效。
作者分享了利用 Claude 和 Opus 等大模型通过自然语言编程（Shader/Three.js），从零构建“赛博海底”风格产品主页的实战经历。文章展示了从确立主题、技术实现到参数微调的全过程，并提出了人机协作的新原则：AI 负责突破上限，人类负责把控下限。
作者深入研究了 Framer 的 Shader 功能，通过调整和实验，分享了 10 个高级预设效果。文章详细介绍了全息图、热力图、CRT 复古风等 10 种不同的视觉风格，并提供了设置建议和专业技巧，旨在帮助设计师利用 Shader 提升网站的视觉吸引力和高级感。
