工程師用 Claude 復刻《怪物奇兵》1996年骨灰級網站卻踢鐵板，揭 LLM 先天缺陷

對於許多資深網民來說，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）寫得多漂亮，而在於你是否建立了一套完整的測試與驗證流程。