我最近發了一支影片，談前端開發正在改變。我不認為這份工作會消失；正在改變的是「前端工程師」這個頭銜，很多人也正在轉變成全端工程師。
留言區有不少看法，所以我錄了一支後續影片。
https://www.youtube.com/watch?v=hkejlSRGf94
選一套技術棧，並把它學到精通
有一則留言我覺得特別有意思，來自一位 62 歲、在這個領域幾乎待了 30 年的開發者。他在留言裡描述，Claude 現在大約能處理他一半的工作量。他的建議是：挑幾個好的前端框架，例如 Vue 或 Angular，再搭配一個穩固的後端，例如 C#，然後把它們學到徹底精通。
我同意他的說法，這也是我一直以來的觀點。至少在某一個領域成為專家，永遠是件好事。我現在大多數應用程式都用 Kiro 當作我的代理人執行環境，而且我仍然希望對底層技術棧有深入了解。這樣我才能真正理解發生了什麼事，並在代理人出錯時協助引導它。這些代理人很好用，但還不到讓我完全不檢查它們產出的程度。
前端設計會是網頁開發中更安全的部分嗎？
這則留言就是標題的由來。留言的論點是：CRUD 應用是 LLM 最容易拿下的部分，而有吸引力、非制式化、具備優秀 UX 的介面，才是它們仍然難以勝任的地方。
我某種程度上同意。以舊一代 Anthropic 模型來看，你一眼就能看出是誰用一鍵生成做出來的設計，因為它有那種很典型的 Tailwind 範本味道。不過隨著每一代新模型推出，要分辨出來變得越來越困難。不是每天都在看這些東西的人，大多只會覺得設計「看起來不錯」。
我上一支影片沒有太多談到品味，但它其實很重要。看著一個畫面，就能判斷 UX 是否可行；能抓出可近性問題；能注意到某個流程是否會拖慢使用者。這種判斷力，仍然來自有經驗的人。不過，LLM 也一直在持續接近這個水準。
我用 AI 代理人重建了 Winamp
為了測試這件事，我挑了一個有很多小型 UI 元件的東西。我讓 Kiro Crew 重現舊版 Winamp MP3 播放器，結果它回來的是 ErikAmp。
它在 UI 上的表現真的讓我很驚艷。等化器有一排滑桿、可捲動的播放清單、播放、暫停、停止、下一首、上一首、隨機播放、重複播放、平衡、音量。若要我手動把這些全部做出來，至少要花上幾天；如果我什麼都不做，專心處理這個專案，或許會更快一點。代理人基本上在上個星期六就一鍵完成了。我之後又讓它修了幾個 bug，過程中它還順手寫出了一整套測試。
原始碼其實很簡單。我從頭到尾都沒要求用 Vue 或 React，所以它完全跳過了框架。整個專案就是一個 index.html、一些 CSS、幾個 JavaScript 檔案，以及少量 Python。
你可以說這個設計本來就已經存在，但即便如此，我還是讓它做了三套全新的主題，而且看起來非常不錯。
什麼時候開始看起來像 AI 做的
我展示的第二個應用程式，是我為了比賽練習、讓自己恢復體能所做的一個 5K 訓練教練。它會告訴我每天該做什麼。
這大概就是我對預設 Anthropic 風格的最接近版本了。深色卡片、圓角、膠囊標籤。它不算花俏，我也不會說它很驚豔。對我自己的訓練計畫來說已經夠用，而且只花了我和代理人幾分鐘的時間。要是手動做，會耗掉我更多時間。
所以我們完蛋了嗎？
我不這麼認為。打造前端從來沒有像現在這麼容易過，而且我幾乎沒花什麼力氣，就從代理人那裡拿到兩個可運作的應用程式。至於這些應用程式到底好不好，判斷它們仍然是開發者的工作，而這需要你懂你的技術棧，也需要有一點品味。
我也還在思考接下來要做什麼主題。你想看更多 AI 工作流程內容，還是更多經典 Vue 和基礎觀念教學？歡迎在留言區告訴我，也告訴我你認為前端未來會走向哪裡。
原文出處：https://dev.to/erikch/are-frontend-developers-cooked-is-frontend-design-safe-nn8
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
