对于许多资深网络用户来说,1996年上映的篮球动画电影《怪物奇兵》(Space Jam)不仅是童年回忆,其至今仍保留着当年面貌的官方网站,更是网络发展史上的活化石。

随着生成式AI技术爆发,最近就有工程师突发奇想:如果把这个30年前的网站截屏丢给最强大的AI模型“Claude”,它能完美复刻出来吗?

这项实验在国外技术论坛Hacker News上引发热烈讨论。工程师Jonah Glover率先发起挑战,他将《怪物奇兵》网站的截屏与原始素材包丢给Claude,要求它写出一样的网页。原本以为这对AI来说是小菜一碟,没想到结果却令人大失所望。

虽然Claude回应“成功还原”,但生成的网页却充满破绽。最明显的失败点在于网站核心的“Planet B-Ball”标志——原本图标是围绕着Logo呈现完美的圆形排列,但Claude写出来的版本却变成了奇怪的菱形。Glover试图引导Claude修正,询问它是否能识别精确的像素坐标或距离,结果Claude诚实地回答:“不行”、“做不到”,甚至坦承自己对将误差控制在5像素内的信心只有“100分里的15分”。

经过深入分析,Glover发现问题出在大型语言模型(LLM)的先天限制。Claude虽然能理解网页结构,但它在处理图像时是以“图块(patch)”为单位(例如16x16像素),这导致它无法精准掌握像素级的空间位置。即便工程师提供了格线辅助,Claude依然无法解决图标挤成一团的问题。

这个案例在社交媒体引起广大反响。许多老派开发者一针见血地指出,1996年的网页设计根本还没普及CSS(层叠样式表),当时靠的是大量的Table(表格)标签来进行排版。如果强迫AI用现代的CSS逻辑去还原当年的表格排版,失败是必然的。

不过,这场挑战并没有就此结束。另一位开发者theahura随后宣布挑战成功。他采用了截然不同的策略:利用Claude Code搭配nori工具,并导入了“测试驱动开发”(TDD)的流程。

theahura撰写了自动化测试脚本,利用Playwright逐一比对生成网页与原始截屏的像素差异。他强调,AI的记性不好,容易发生“上下文腐烂(context rot)”的问题,也就是做着做着就忘记前面的设置。通过自动化测试不断纠正AI,并强制将背景图设置为参照标准,最终成功让Claude写出了像素级还原的1996年《怪物奇兵》网站。

这个实验给了所有想用AI写程序的人一个重要启示:AI不是魔法师,它更像是一个需要精确指令与持续监督的实习生。想要用好它,重点不在于你的提示词(Prompt)写得多漂亮,而在于你是否创建了一套完整的测试与验证流程。