Claude Opus 5 纯代码手绘25个微缩房间交互网页
最近看很多人喷 Claude Opus 5 反应慢、死贵、被@OpenAI 的模型按在地上打之类的,
结构完整且观点鲜明,通过具体技术约束(零外部资源)和创作过程(反复重写)来论证模型能力,写法具有参考价值。
最近看很多人喷 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://x.com/kevin_t_ngo/status/2100238648218427563/video/1
更进一步:量化金融体系
看懂新闻只是起点——沿量化金融路径,把它变成能交付的工程能力