如何用AI過度設計一個專案

本文講述了作者如何因為先入為主的錯誤假設，將一個簡單的網站重構專案過度複雜化。故事始於作者的鄰居——一位理療師——的網站被原開發者扣留程式碼，鄰居希望拿回程式碼以便更換更可靠的開發者或自行管理。作者自認不是專業網頁開發者，但認為藉助AI編碼工具可以輕鬆複製網站。他下載了原始網站檔案，發現只是一些靜態HTML頁面和圖片，結構簡單。然而，他未經仔細檢查就斷定原始程式碼混亂不堪，最佳方案是利用AI從零重建。他選擇了Claude Code配合Agent Skills框架，採用規範驅動開發方法，先透過/interview-me技能收集需求，再用/spec生成32頁的詳細規格，最後用/plan制定7步計劃。然而，AI生成的初稿導航欄混亂、樣式不匹配。作者不得不手動提供20多張截圖要求修復，最終強制Claude使用MacBook截圖工具自我驗證後才有所改善。整個過程耗時一整天加次日早晨才完成。完成克隆後，作者準備寫部落格慶祝，卻偶然檢查了原始檔案。他震驚地發現，原始網站的HTML結構與他的克隆版幾乎完全一致：同樣是每個頁面一個HTML檔案，只是CSS和JavaScript內嵌在HTML中。而他所謂的'改進'僅是將圖片整理到assets資料夾並提取了可複用的CSS樣式。他意識到，他本可以只花20分鐘重組檔案結構，而不是花一整天用AI重建。這個教訓是：在動手前應充分評估現有程式碼，避免基於假設而過度工程化。