创作者chetaslua →@chetaslua 使用 Gemini 3 Pro完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗Prompt
🚨 Gemini 3.0 pro - ecpt checkpoint Holy shit，我们的 Prompt 和想象力就是唯一的限制，去看看这个网站。 Prompt：编写一个关于模拟理论的神秘网站。让它感觉像现实正在实时渲染——实体物体下方出现线框网格，纹理逐步加载，元素短暂漂浮的物理故障。加入 Matrix 风格的代码雨背景，让各个区块在“已渲染”和“源代码”视图之间闪烁切换，并加入环境计算机处理声音；最后设计一个元叙事时刻，让网站承认自己正在被观看。把它设计成一位哲学教授的存在主义危机，由游戏引擎开发者编码而成。确保我可以把全部内容粘贴到一个 HTML 文件中，并在 Chrome 里打开。
复用方法
关键决定
关键决定：把模拟论做成现实正在渲染的单文件体验，具体落到线框网格、渐进加载纹理、短暂漂浮的物理故障、Matrix 代码雨和 rendered/source code 切换；这些可见现象共同把抽象的哲学主题变成可操作的网页体验。
换到你的题材
换到你的题材：可以替换哲学命题、故障表现、背景代码和最终承认语句；不能动的是单个 HTML 文件即可在 Chrome 打开、滚动中逐步揭示章节、视图在成品与源码之间闪切，以及最后由网站承认自己正在被观看。
容易翻车
容易翻车：特效很多但没有清楚的章节顺序时，用户只会看到随机闪烁；复测时先用纯浏览器打开单文件，确认没有构建步骤，再检查纹理渐进、代码雨、声音开关和最终 meta 时刻是否按顺序出现。
建议模型
Derived Skill
Skill 只从多个已发布 Case 的重复模式中派生，不是另一套投稿内容。
创作者
chetaslua X和X / 𝕏两头都在更新，代表作《教授授课》复现稳定分 90%，惯用 Veo。
继续探索
三行技术栈清单直接对应三个实现步骤：摄像头取流、Mediapipe 抓人脸关键点、Three.js 按关键点实时渲染激光眼特效，提示词本身就是一份技术方案而不是效果描述，作者后来还把它做成了开源网页。
提示语
使用电脑的前置摄像头 使用 mediapipe 库捕捉面部关键点 使用 threejs，根据 mediapipe 提供的实时 3D 关键点信息，为摄像头捕捉到的面部应用激光眼特效
三句话生成一整个可交互网页：风格、动效、色彩三个关键词加一个页面标题，证明 Gemini 3 对新粗野主义这种视觉语言高度共识的风格，短提示词也能跑出完整效果，而不需要逐段拆解排版要求。
提示语
做一个新粗野主义风格的网页，尽可能极具创意，把限制推到极致。加上流畅的滚动动画，加上花哨的配色和 Tailwind CSS 样式。做成响应式的。页面标题是 dorksense
用一张参考图代替文字描述整套视觉风格，只留一句话要求把图片转成体素艺术风格的 Three.js 单页代码，考验的是模型的图生代码能力而不是文字理解能力，和纯文字提示词是完全不同的技术路径。
提示语
我提供了一张图片。请根据这张图片编写一个漂亮的体素艺术场景。用 Three.js 写成单页代码
