方法骨架
- 01先定唯一视觉主角
- 02写清滚动或交互触发关系
- 03限制首屏资源与移动端降级
创作者方法 · 非官方归纳
基于公开证据的非官方归纳,不代表作者本人发布或背书。
从 vib3coded 的 4 个已发布 Case 中归纳出的「3D / 动效 Hero」方法。
4 Cases · 1 位作者 · AI 编程(UI) · 最近例证 2026/10/31



方法骨架
Case 证据

Opus 5.5 用 25 分钟、花费 $0.75 做出了这个:一座霜冻堡垒骑在猛犸象背上穿越云海,还带有冰龙 🐉🦣 首次尝试与最终成果对比。一个 HTML 文件…
提示语
提示词 使用 Three.js 创建一个独立完整的 HTML 文件,渲染一个精美的动态体素艺术 3D 场景。一头巨大的长毛猛犸象,在有极光和月亮的飘雪夜晚穿越云海;云层在它脚下向后飘动,每走一步都扬起一团雪。 它背上铺着金边蓝毯,用皮带固定,毯上矗立着一座石砌霜冻堡垒:带城垛的围墙、四座有蓝色锥形屋顶和旗帜的圆形塔楼、两栋窗户发光且烟囱冒烟的小屋,以及中央主堡,主堡上方悬浮着一块巨大发光冰晶,缓缓旋转。猛犸象毛发蓬松,长鼻摆动,长长的象牙弯曲,头上积着雪。 一条晶莹的冰

Claude Opus 5.5:从首次尝试 → 最终成果,用时 21 分钟 🐢🐋 飞翔海龟背上的小世界。秋树、灯塔、倾泻而下的瀑布…
提示语
提示词 使用 Three.js 创建一个独立完整的 HTML 文件,渲染一个精美的动态体素艺术 3D 场景。一座浮岛坐落在巨型海龟的龟壳上,海龟在 golden-hour 天空中缓缓游过云层。 岛上有:山丘上的红白条纹灯塔,配有发光的灯与旋转光束;烟囱冒烟的守塔人小屋;秋树(橙色、金色、红色)与深色松树;有划艇的池塘;沿龟壳流下并倾泻成瀑布的溪流;以及小径沿途的花朵、岩石、南瓜和路灯。 海龟的壳带有盾片纹样,头部有鳞片,鳍肢缓慢划动;每次划动都让岛屿轻轻起伏。一头身有发

车库、粉笔,还有全院共用的一个球 ⚽ Claude Opus 5.5 对比 GPT-6 Astra——相同提示词:搭建一个采用像素画渲染的 3D 后院,玩一场四方格……
提示语
提示词: 构建一个名为 "Chalk Square" 的单文件 HTML + three.js (r160) 场景:在浮岛上的后院里,用足球玩四方格游戏。这是一个以清晰像素画渲染的真实 3D 场景。 渲染:使用 orthographic isometric camera(拖动时以 90° 为步长旋转,滚轮或双指捏合缩放)。先渲染到带深度纹理的小尺寸低分辨率目标,再用 texelFetch 放大,使其对齐屏幕上的整数像素。添加基于深度的描边,在 OKLab 中将每个像素量化为

Claude Opus 5.5 花了 18.51$ 做出这个果冻大坝。一个使用纯 WebGPU、无需任何库的 HTML 文件。波浪遵循浅水模型,水库水位会……
提示语
提示词: 构建 "Dam Jelly",作为我的 "Material Studies" 系列新作:一个单文件、自包含的交互式 WebGPU 微缩景观(一个 HTML 文件,所有 JS/CSS/WGSL 均内联,无网络请求,无库)。将一座带混凝土重力坝的山谷切成一块晃悠悠的果冻,放在浅色摄影棚桌面上,以 from above at three-quarters 呈现。 场景(块体局部坐标,原点位于底面中心,y 轴向上,块体约 5.2 × 5.2 单位): - 一条从后向前延伸
作者证据
Skill 是派生阅读层,所有判断都必须能回到已发布 Case。