# Claude Opus 5 单文件手绘 25 个微缩动态房间

- 来源：AYi (@AYi_AInotes)
- 发布时间：2026-09-19 14:00
- AIHOT 分数：46
- AIHOT 链接：https://aihot.news/items/cmu7zmjoo0zoarogruaa9iegl
- 原文链接：https://x.com/AYi_AInotes/status/2101189738132570410

## AI 摘要

开发者 @kevin_t_ngo 用 Claude Opus 5 生成一个仅含单个 HTML 文件的交互网站，内含 25 个独立微缩动态房间，全程无外部图片、字体和第三方 JS 动画库（连 Three.js 都没用），全靠原生 JavaScript 在 Canvas 上逐帧渲染。作者称并非一键生成，而是带着故事大纲让模型反复重写、逐帧挑刺微调，耗时约一天半。

## 正文

最近看很多人喷 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

### 引用推文

> Claude：A thread of our favorite things people built with Claude recently: https://x.com/kevin_t_ngo/status/2100238648218427563?s=20