[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-why-frontend-teams-should-stop-treating-ai-as-a-rewrite-mach-zh":3,"article-related-why-frontend-teams-should-stop-treating-ai-as-a-rewrite-mach-zh":19,"series-industry-ab4dc6a3-8d25-4bfe-8963-16b42e057d2b":62},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":11,"key_takeaways":11,"views":16,"created_at":17,"published_at":18,"topic_cluster_id":11},"ab4dc6a3-8d25-4bfe-8963-16b42e057d2b","why-frontend-teams-should-stop-treating-ai-as-a-rewrite-mach-zh","為什麼前端團隊應該停止把 AI 當成重寫機器","\u003Cp>前端團隊應該停止把 AI 當成重寫機器，改把它當成受限編輯器。\u003C\u002Fp>\u003Cp>理由很直接：現在最有價值的 AI 能力，不是把穩定程式碼整段翻新，而是把必要的改動縮到最小。Habr 的一則技術摘要提到，研究者在 \u003Ca href=\"\u002Fnews\u002Fgoogle-plans-40b-bet-on-anthropic-zh\">400\u003C\u002Fa> 個 Big\u003Ca href=\"\u002Fnews\u002Fanthropic-claude-code-pro-pricing-test-zh\">Code\u003C\u002Fa>Bench 任務上觀察到 code assistant 的「過度編輯」現象，並發現只要在提示中加入「保留原始程式碼」這類約束，多數模型就會明顯減少不必要的變動。這不是小細節，而是前端工程的核心問題。前端最怕的從來不是改不動，而是改太多，把原本只需要一行修補的地方，變成一個新的 bug 來源。\u003C\u002Fp>\u003Ch2>第一個論點：重寫會破壞前端最依賴的東西，也就是局部可預測性\u003C\u002Fh2>\u003Cp>前端程式碼看起來常常很短，但短不代表簡單。一個只有 40 行的 component，可能同時包含版面行為、無障礙屬性、事件順序，以及框架特定的假設。當 AI 助手把一個精準 patch 擴寫成更大的 refactor，它改變的不只是語法，而是團隊對這段 UI 的心智模型。Habr 摘要裡另一個關於 JavaScript chain call 的觀察也指向同一件事：chain 一旦拉長，閱讀與除錯成本就會上升。AI 式重寫也是如此，它把變動擴散到更多行、更多分支、更多命名，最後讓 review 比原始 bug 更難。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1777334803961-exe5.png\" alt=\"為什麼前端團隊應該停止把 AI 當成重寫機器\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>那篇被摘要引用的研究之所以重要，是因為它不是憑感覺說「AI 太愛亂改」。研究量化了 token-level Levenshtein distance 與 cognitive complexity，樣本是 400 個任務。這種量化對前端團隊特別有意義，因為我們每天都在處理 diff 品質。修一個 button state、調一條 valida\u003Ca href=\"\u002Fnews\u002Fwhy-evolution-strategies-are-the-right-way-to-fine-tune-llms-zh\">tion\u003C\u002Fa> rule、改一個 hook dependency，本來都應該是小範圍變更；如果 AI 回傳的是 helper 重命名、guard 重排、再加三個 null check，那就不是幫忙，而是在製造 review 成本。更好的做法不是叫模型「想辦法重構」，而是要求它守住原本結構，只做必要修補。\u003C\u002Fp>\u003Ch2>第二個論點：真正有效的 AI 用法本來就該是受限任務，而且表現更好\u003C\u002Fh2>\u003Cp>看同一則摘要裡其他案例，就能看出方向。wasm-xlsxwriter 的價值，不在於它「很聰明」，而在於它把一件明確的工作移到瀏覽器與 Node.js 端，邊界清楚：產生 .xlsx 檔，僅此而已。Cloudflare 的 Agent Readiness Score 也是同樣思路，它檢查的是可發現性、content negotiation、access control 與 capabilities，並對照 robots.txt、Markdown fallback、API catalog support 等具體標準。它不是叫系統「把網站變好」，而是驗證特定屬性。前端 AI 也應該長這樣：輸入要窄，輸出要窄，成功標準要可測。\u003C\u002Fp>\u003Cp>效能面也支持這個結論。摘要提到 Cloudflare 文件在調整到新標準後，使用 Kimi-k2.5 搭配 OpenCode 的 agent 回答技術問題，速度快了 66%，token 用量少了 31%。這種提升來自結構，不來自自由發揮。當輸入空間被整理好，agent 就更便宜、更準確；當輸入空間混亂，它就會自信滿滿地產出一大段冗長改寫。前端團隊應該學的是這種結構化思維：把任務限制住，定義輸出格式，衡量結果。AI 很適合用在 code review 輔助、test generation、文件遷移、機械式小修補；不適合用在「幫我把這段改好」這種會默默引發設計漂移的寬鬆指令。\u003C\u002Fp>\u003Ch2>反方可能怎麼說\u003C\u002Fh2>\u003Cp>支持 AI 當重寫機器的人，最強的論點是速度。資深工程師看到一個 component，常常能直接判斷哪裡該拆、哪裡該抽、哪裡該簡化；AI 也能模仿這種模式，替重複性工作省下時間。對大型前端 codebase 來說，確實有不少地方本來就脆弱、重複、耦合過高。如果工具真的能把模組重寫成更乾淨的形狀，團隊看起來像是同時拿到更好的 code 和更快的 delivery。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1777334802732-v00z.png\" alt=\"為什麼前端團隊應該停止把 AI 當成重寫機器\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>這個說法不是假的。它在 code 已經隔離、測試很強、而且團隊本來就準備 refactor 的情境下，最有說服力。問題是日常產品開發大多不是這樣。日常任務的目標不是優雅，而是安全變更。前面提到的研究已經把方向講得很清楚：廣泛編輯會增加 cognitive load，而明確要求保留原始程式碼，則能減少 churn。界線應該畫在這裡：可以讓 AI 提出 refactor 建議，但不要讓它在沒有約束的情況下直接執行。只有當這本來就是一張 refactor ticket，且測試、review 時間都已經安排好，才值得接受較大的重寫。一般前端修補，助手就該待在 edit mode，不該進入 transformation mode。\u003C\u002Fp>\u003Ch2>你能做什麼\u003C\u002Fh2>\u003Cp>如果你是工程師，立刻改 prompt 和 review 習慣：要求模型保留結構、非必要不要改名、只碰最小範圍。如果你是 PM，不要用輸出看起來多戲劇化來衡量 AI 成功，而要看 escaped defects、review time、rollback rate。如果你是創辦人，投資 workflow integration，不要追求 demo 友善的魔法。前端真正會贏的 AI 工具，不會像自動重寫機器，而會像守規矩的編輯器，尊重既有程式碼、既有標準、既有意圖。這樣它才是在降低風險，而不是製造風險。\u003C\u002Fp>","前端團隊應該停止把 AI 助手當成大範圍重構引擎，改把它當成受限編輯器；真正的效益來自精準修改，而不是整段重寫。","habr.com","https:\u002F\u002Fhabr.com\u002Fru\u002Farticles\u002F1028734\u002F",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1777334803961-exe5.png","industry","zh","a80ab651-6796-4323-891f-dcfa33a6a779",4,"2026-04-28T00:06:27.781603+00:00","2026-04-28T00:06:27.551+00:00",{"tags":20,"relatedLang":21,"relatedPosts":25},[],{"id":15,"slug":22,"title":23,"language":24},"why-frontend-teams-should-stop-treating-ai-as-a-rewrite-mach-en","Why frontend teams should stop treating AI as a rewrite machine","en",[26,32,38,44,50,56],{"id":27,"slug":28,"title":29,"cover_image":30,"image_url":30,"created_at":31,"category":13},"2bf33104-e55c-4b7b-a090-4597d41fe2f3","anthropic-export-ban-shift-changes-ai-access-zh","Anthropic 限制鬆綁，AI 存取轉向分級","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1782784971981-2y69.png","2026-06-30T02:02:23.175406+00:00",{"id":33,"slug":34,"title":35,"cover_image":36,"image_url":36,"created_at":37,"category":13},"21e55851-9929-4b8c-86a1-e97fe2524a50","deepmind-veterans-are-leaving-london-zh","DeepMind老兵為何離開倫敦","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1782777778486-vnfd.png","2026-06-30T00:02:28.609027+00:00",{"id":39,"slug":40,"title":41,"cover_image":42,"image_url":42,"created_at":43,"category":13},"35fe38fc-6982-4212-9c82-b0704fd4fdb1","bitcoin-price-page-risk-asset-market-signal-zh","比特幣價格頁面證明，市場仍把 BTC 當風險資產","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1782776871942-e9s9.png","2026-06-29T23:47:26.503131+00:00",{"id":45,"slug":46,"title":47,"cover_image":48,"image_url":48,"created_at":49,"category":13},"50bc0298-8e9e-4f9a-90a6-d9865c3702e0","sora-smash-ultimate-final-dlc-pick-balanced-zh","索拉是《任天堂明星大亂鬥 特別版》最適合收官的 DLC，強但不破壞平衡","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1782775071368-9ydr.png","2026-06-29T23:17:22.24145+00:00",{"id":51,"slug":52,"title":53,"cover_image":54,"image_url":54,"created_at":55,"category":13},"5e307407-6df6-4673-8eef-2164076e5934","openclaw-135000-star-saas-security-crisis-zh","OpenClaw 13.5 萬星後爆出 SaaS 安全危機","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1782771466079-ukkv.png","2026-06-29T22:17:15.984161+00:00",{"id":57,"slug":58,"title":59,"cover_image":60,"image_url":60,"created_at":61,"category":13},"6e389144-3e7d-422d-af34-b7d88d9504dd","anthropic-ipo-965b-valuation-sec-filing-zh","Anthropic 9650億估值啟動 IPO","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1782770564309-c9ef.png","2026-06-29T22:02:19.440318+00:00",[63,68,73,78,83,88,93,98,103,108],{"id":64,"slug":65,"title":66,"created_at":67},"ee073da7-28b3-4752-a319-5a501459fb87","ai-in-2026-what-actually-matters-now-zh","2026 AI 真正重要的事","2026-03-26T07:09:12.008134+00:00",{"id":69,"slug":70,"title":71,"created_at":72},"83bd1795-8548-44c9-9a7e-de50a0923f71","trump-ai-framework-power-speech-state-preemption-zh","川普 AI 框架瞄準電力、言論與州權","2026-03-26T07:12:18.695466+00:00",{"id":74,"slug":75,"title":76,"created_at":77},"ea6be18b-c903-4e54-97b7-5f7447a612e0","nvidia-gtc-2026-big-ai-announcements-zh","NVIDIA GTC 2026 重點拆解","2026-03-26T07:14:26.62638+00:00",{"id":79,"slug":80,"title":81,"created_at":82},"4bcec76f-4c36-4daa-909f-54cd702f7c93","claude-users-spreading-out-and-getting-better-zh","Claude 用戶更分散，也更會用","2026-03-26T07:22:52.325888+00:00",{"id":84,"slug":85,"title":86,"created_at":87},"bd903b15-2473-4178-9789-b7557816e535","openclaw-raises-hard-question-for-ai-models-zh","OpenClaw 逼問 AI 模型價值","2026-03-26T07:24:54.707486+00:00",{"id":89,"slug":90,"title":91,"created_at":92},"eeac6b9e-ad9d-4831-8eec-8bba3f9bca6a","gap-google-gemini-checkout-fashion-search-zh","Gap 把結帳搬進 Gemini","2026-03-26T07:28:23.937768+00:00",{"id":94,"slug":95,"title":96,"created_at":97},"0740e53f-605d-4d57-8601-c10beb126f3c","google-pushes-gemini-transition-to-march-2026-zh","Google 把 Gemini 轉換延到 2026 年 3…","2026-03-26T07:30:12.825269+00:00",{"id":99,"slug":100,"title":101,"created_at":102},"e660d801-2421-4529-8fa9-86b82b066990","metas-llama-4-benchmark-scandal-gets-worse-zh","Meta Llama 4 分數風波又擴大","2026-03-26T07:34:21.156421+00:00",{"id":104,"slug":105,"title":106,"created_at":107},"183f9e7c-e143-40bb-a6d5-67ba84a3a8bc","accenture-mistral-ai-sovereign-enterprise-deal-zh","Accenture 攜手 Mistral AI 賣主權 AI","2026-03-26T07:38:14.818906+00:00",{"id":109,"slug":110,"title":111,"created_at":112},"191d9b1b-768a-478c-978c-dd7431a38149","mistral-ai-faces-its-hardest-year-yet-zh","Mistral AI 迎來最硬的一年","2026-03-26T07:40:23.716374+00:00"]