开发者 Kevin Ngo 用 Claude Opus 5 生成一个交互网站,25 个独立微缩动态房间全部由纯原生 JavaScript 在 Canvas 上逐帧绘制,仅一个 HTML 文件,无外部图片、字体或第三方 JS 动画库(连 Three.js 都没用)。作者称并非一键生成,而是带着故事大纲逼模型反复重写文本与交互、逐帧挑刺微调,耗时约一天半。
最近看很多人喷 Claude Opus 5 反应慢、死贵、被@OpenAI 的模型按在地上打之类的,
直到我今天刷到 @kevin_t_ngo 交卷的这个神仙网页,
整个人直接在屏幕前被震撼得头皮发麻,这效果太牛了!
你敢相信视频里这个美到像艺术展一样、包含 25 个独立微缩动态房间的交互网站,
从头到尾只有短短一个 HTML 文件?!
没有一张外部图片!没有引入任何外部字体!甚至没有加载哪怕一个第三方 JS 动画库(连 Three.js 都没有)!
全靠纯原生的 JavaScript,由 Claude Opus 5 一帧一帧硬生生在画布上代码手绘出来的!
很多用大模型写前端的人,天天抱怨 AI 吐出来的代码全是塑料感、千篇一律的屎山;
这场视觉奇迹直接一巴掌抽碎了所有人的借口:
在摄影界有一句流传了百年的真理——决定一张照片灵魂的,从来不是相机机身,而是镜头后面的那颗脑袋!
大模型也是一模一样!
看懂这个神作背后的技术咬合,你会明白什么叫审美的降维打击:
1️⃣ 极致纯粹的硬核约束(0 外部资源):
普通人做网页动不动塞几十兆的高清贴图和组件包;
作者给 Opus 5 戴上了一副极其严苛的物理手铐:
全站 25 个微缩房间(里面有看书的、有发呆的、有在窗边看雨的),
房间里的光影层次、家具透视、甚至是小人陪伴的微弱呼吸动效,
全是由底层的数学坐标、矢量路径和原生 Canvas 逻辑计算渲染出来的!
2️⃣ 为什么只有 Opus 能扛住这种深水区作业?
轻量模型在写这种没有现成库可抄的复杂纯代码动效时,跑两步就会逻辑精神分裂、坐标穿模;
而 Opus 5 骨子里那种恐怖的长程推理深度与数学空间常识,
硬生生把 25 个独立视角的空间关系,在单文件里编织得严丝合缝;
3️⃣ 真正的分水岭:作者逼着 AI 重写了整整一天半:
作者在评论区坦白:没有所谓的一键生成!
为了磨出那种温暖且克制的治愈感,他自己带着故事大纲,逼着模型把文本和交互推倒重写了好几遍,
每出一版,拿着正侧后视图一帧帧挑刺微调。
AI 负责在底层疯狂输出算力,而人类在屏幕前死死咬住那个绝不妥协的审美底线!
这才是 Vibe Coding 最浪漫的终极形态!
别再天天去迷信哪个新模型的跑分又涨了 2%,
大模型在今天,不过是一支人人都可以花几十美金租到的数字画笔。
画笔不会思考,镜头不会按快门。
在这个算力极度过剩、代码极度贬值的世界里,
你脑子里的品味、你对美的偏执、以及你敢于把一个想法雕刻到底的执念,
才是这个时代真正拉开万倍差距的唯一特权!
建议所有人全屏静音把这段 25 个房间的视频看完,
去感受一下:当人类顶级的审美,真正撞上顶尖模型的算力深水区时,能迸发出怎样让人战栗的诗意。 https://t.co/3aNwa7fMVf
A thread of our favorite things people built with Claude recently: https://t.co/bLVmlNj5ew在 X 查看被引用的帖子
来源:@AYi_AInotes · x.com