Pretext
爆款项目
接下来我想讲一下 AI 改变开发方式后,对实际项目的影响。 抛开龙虾之类本身就是 AI 高度相关的项目,我们看一个产品本身并不直接和 AI 相关的爆款例子,就是 Pretext。
我想讲的不是
它火了
我想讲的是,它怎么被做出来,又怎么被传播。
Pretext 做什么?
绕开浏览器
直接用 JS 排版
简单说就是绕开浏览器,直接用 JavaScript 做排版。
Text measurement
that never touches
the DOM
项目站点自己的标题就是这句:Text measurement that never touches the DOM.
零 DOM 读取
按帧 reflow
https://x.com/_chenglou/status/2037715519277760531
龙穿行文本、文字绕开障碍、动态 exclusion zones,这些 demo 好看,但背后首先是一个很硬的排版与性能问题。
这让人想到
CSS Shapes
CSS Exclusions
它让我们想到了 CSS Shapes 还有 CSS Exclusions。 肯定不是 CSS 不能做,但今天我们不聊 CSS 工作组当年在这些领域的挣扎,反正结果是 Pretext 在某些领域上先跑到前面。
Pretext
先跑到前面
这也是它适合放进这场演讲的地方:工具先跑到前面,平台和标准再慢慢追。
而且它是
被 AI 帮着
做出来的
而且它是被 AI 帮着做出来的。
关键不是
AI 帮忙做 demo
这里最有意思的不是“AI 帮忙做 demo”,而是作者公开说过,开发过程在等一个 AI verifier loop。
AI verifier loop
对照浏览器
作者的说法是:拿真实浏览器当 ground truth,在不同宽度、不同语言下对照;阿拉伯语还专门卡了一阵。
AI 先进入
开发
验证
这很关键,因为它说明 AI 在这里不是外挂在项目外面,而是已经进入实现与验证链路。
然后它才开始
传播
这是一种今天越来越常见的模式:项目先把 AI 接进开发和验证链路,然后才有机会快速迭代到足够惊艳的状态。
起手
先丢链接
作者 Cheng Lou 发帖时,不只是贴仓库,还直接说:把 AI 扔进去,做点酷 demo。
把 AI 扔进去
做点酷 demo
这一句很关键,因为它把传播门槛从“读懂实现”降成了“先做一个能转发的东西”。
然后
龙
https://x.com/Riyvir/status/2038093450139279426
龙在文字里穿行,文字绕开障碍物。这种画面不需要解释,一眼就能懂。
最先爆掉的
不是 README
不是 benchmark
最先爆掉的,不是 README,也不是 benchmark,而是可录屏、可转发、可二创的视觉奇观。
文字像水一样
分开
又合上
“文字像水一样分开又合上”这种体验,把话题从优化库变成了新交互媒介。
repo
变成 meme
https://www.pretext.cool/
当社区开始做龙、做实验、做 playground、做 gallery,项目就不只是仓库,而像一场集体创作活动。
传播
从看
变成做
AI 在这里扮演的角色也很直接:它大幅降低了二创门槛,让围观者更容易变成参与者。
争议
也一起放大
有人觉得这是魔法,有人觉得只是噱头;但这类分歧本身就是下一轮传播的燃料。
实现
验证
传播
都被 AI 放大
Pretext 提醒我们,今天 AI 已经能同时放大实现、验证和传播。