乐于分享
好东西不私藏

AI 生成网页:Flipbook 的野心与现实

AI 生成网页:Flipbook 的野心与现实

核心观点:Flipbook 不会杀死 HTML,但它预示了 Web 的下一个十年。


已关注

关注

重播 分享

一个大胆的实验

“想象你屏幕上的每一个像素,都是 AI 实时生成的。没有 HTML,没有代码。”

这是前 OpenAI 研究员 Zain Shah 做的项目 Flipbook 提出的愿景。第一眼看到时,我以为又是一个“AI 颠覆一切”的噱头。但看到团队背景——OpenAI、Apple、Humane、Slack 出身的成员,以及他们使用的技术栈,我意识到这不是噱头,而是一次认真的技术探索。

Flipbook 的核心思路很简单:用户输入需求 → AI 模型生成图片 → 通过 WebSocket 流式传输到屏幕 → 你看到的每一帧都是 AI 实时画出来的像素。

没有 HTML 标签,没有 CSS 样式,没有 JavaScript。你看到的文字、按钮、图片,全是像素——AI 生成的像素。

打个比方:HTML 网页像“印刷杂志”——排版固定,所有人看到的一样;Flipbook 像“魔术黑板”——随时擦掉重画,每个人每一刻看到的都可以完全不同。

听起来很酷。但理想和现实之间,隔着两座大山。


两座无法回避的大山

第一座:延迟

点击一个链接,传统网页瞬间加载。Flipbook 呢?AI 需要重新生成图片,通过网络传回你的屏幕,整个过程需要 2-5 秒

这比 2000 年的拨号上网还慢。原因在于 Diffusion Transformer 模型推理本身就需要大量计算,即使用高端 GPU,生成一帧高质量图片也要数秒。

概念可行 ≠ 产品可用。中间隔着“延迟”这座大山。

第二座:成本

这个数字不夸张:Flipbook 的成本是 HTML 的 10000 倍

HTML 在浏览器本地渲染,成本几乎为零。Flipbook 每次交互都要调用云端 GPU 推理。如果有 100 万日活用户,每天的 GPU 成本可能是数万到数十万美元。同样流量下,HTML 的成本可以忽略不计。

技术可行性 ≠ 商业可行性。成本结构决定了它能否规模化。


四个关键判断

1. HTML 不会死,但会被改造

很多人说“HTML 要死了”,这太简单了。

Flipbook 的涟漪特效确实只有 AI 能实时生成,HTML/CSS 做不到。但如果你要做表单、表格、列表页面,HTML 仍然是最高效的方案。浏览器原生支持键盘导航、复制粘贴、搜索——这些 Flipbook 都需要重新发明。

AI 生成的是“体验”,HTML 提供的是“基础设施”。两者是互补关系,不是替代关系。

2. 可访问性是硬约束

Flipbook 的文字是像素——屏幕阅读器读不了,搜索引擎索引不了,用户复制不了。

现代 Web 标准强制要求可访问性(WCAG)。Flipbook 要进入主流,必须提供机器可读的元数据——不仅是像素,还要有对应的文本层。这意味着它不能完全抛弃 HTML 的思路,而是需要一种新标准

3. Flipbook 的真正价值是概念验证

Flipbook 本身大概率不会成为成功产品。但它证明了 AI 生成界面在技术上是可行的

团队背景说明这个方向被顶尖人才看好。即使 Flipbook 不成功,它验证的方向会被其他产品继承。就像第一台 iPhone 出来之前,智能手机已经存在了很多年——Flipbook 就是那个“展示可能性”的产品。

4. 未来是混合模式,不是彻底取代

我最坚定的判断是:HTML 有 30 年的生态积累,不会被轻易取代,但一定会被 AI 深度改造

最可能的未来是:HTML 处理结构化内容(表单、表格、导航),AI 生成个性化内容(图片、文案、动态效果)。两者协作,而不是对抗。


未来会怎样?

短期(1-3 年):混合模式起步

AI 生成部分 UI 组件(图片、图标、简单布局),HTML 作为基础框架。类似现在的 Figma AI、v0.dev。这个阶段已经开始了

中期(3-5 年):渐进式替代

专用 AI 芯片普及,推理速度达到可用标准。复杂内容用 AI 生成,简单内容用 HTML。本地缓存 + 边缘计算降低延迟。关键变量是 AI 推理芯片能否像 GPU 一样普及

长期(5-10 年):范式转变

推理速度达到实时标准,成本降到可接受范围,新 Web 标准建立。可能取代部分传统 Web 场景——内容展示、个性化体验、创意交互。但 HTML 不会消失,它会进化


最后

研究 Flipbook 的过程中,我反复想到一个比喻:

HTML 是印刷术,Flipbook 是魔术黑板

印刷术让我们大规模复制信息,魔术黑板让我们实时创造体验。它们不是替代关系,而是互补关系。

Flipbook 不是一个成熟产品,它是一个方向。它告诉我们:Web 的下一个十年,AI 不是锦上添花,而是基础设施

如果你在做内容创作、产品设计、或任何跟 Web 相关的事——关注这个方向,比关注具体工具更有价值。

因为真正改变行业的,从来不是更好的工具,而是有人先让你看到了新的可能性

Flipbook 就是那个先让你看到的人。


技术速查

技术层
方案
模型
DiT + LTX Studio(Diffusion Transformer)
传输
WebSocket(1080p @ 24fps)
后端
Modal Labs(无服务器 GPU)
前端
React + WebGL

同类项目追踪:Claude Computer Use、OpenAI Operator、Epic Pixel Streaming、v0.dev、Bolt.new


参考:Cointime 报道、Flipbook 官网、Zain Shah X 账号