AI 開發7 分鐘閱讀 · 更新於 2026-07-16

我怎麼用 Claude Code 把公司網站從頭做到上線

Jacky ChenJacky ChenAI 系統架構顧問 · 擁有 HR 與獵頭背景的 AI 開發者

一句話答案

Claude Code 是一個能直接讀、寫、執行程式碼的 AI 編碼助理:你用自然語言講需求,它會自己規劃、動手改程式、跑測試、甚至部署,而不是只給你一段程式碼要你自己貼上去。用它做網站的實際體驗接近「跟一個工程師聊需求」,而不是「查資料寫程式」——但設計品味、商業判斷、隱私與品牌一致性,最終還是要人來把關。

這篇有點不一樣——不是講怎麼幫企業導入 AI,是講我自己怎麼用 AI 做事。你現在看的這個網站,從首頁的滾動故事、服務頁的文案,到作品案例的彈窗設計,幾乎都是我跟 Claude Code 一句一句對話生出來的。

我常被問「不會寫程式的人,能不能自己用 AI 做出一個像樣的公司網站?」這篇就用我自己的實作過程回答這題——包含 AI 真的很強的地方,跟老實說我還是得自己盯著改的地方。

什麼是 Claude Code?跟「叫 ChatGPT 寫程式」有什麼不同

很多人以為「用 AI 寫網站」就是打開 ChatGPT,叫它生一段程式碼,自己複製貼上、慢慢兜起來。Claude Code 不是這樣用的——它是一個能直接在你電腦裡「動手做事」的 AI:讀你現有的檔案、直接修改程式、開瀏覽器實際測試畫面對不對、跑建置指令、甚至幫你 git commit 和部署。

差別在哪?打個比方:前者像是你把需求寫給一個顧問,顧問給你一份建議書,剩下的組裝工作是你的;後者比較像你直接跟一個工程師坐在旁邊講需求,他當場改給你看、你看畫面不對再講一次,來回幾輪,功能就真的做出來、上線了。

實際過程長怎樣:來回對話,不是一次到位

老實說,這個網站沒有一次就做對。過程大概是這樣反覆:我先講一個大概方向(例如「首頁要有沉浸式的滾動故事」),AI 先做一版;我看畫面截圖,覺得哪裡不對——顏色太深、字太小、標題太像 AI 生成的罐頭文案——就直接講,AI 改完再給我看,一路來回十幾、二十輪才定案。

中間發生過不少「打掉重做」:例如首頁動態背景一開始用逐格影格做滾動特效,後來我拿到新素材,AI 一開始偷懶直接把影片掛上去播放,質感差很多,我點出來之後才重新用同一套機制做。整個過程比較像「監督+反覆修正」,不是「AI 一次生出完美成品」。

AI 真的很強的地方

速度和執行力是最明顯的。一個「服務頁全部四個都改成不同性質的文案」這種橫跨十幾個檔案的調整,講清楚邏輯後,AI 可以一次全部改完並且互相一致;換成人工,光是自己找檔案、複製貼上就要花掉大半天。

另一個是「連環修正」的能力:改完文案,順手發現排版跟著跑掉,AI 會自己檢查、自己修,不用我一項一項盯。技術面的瑣事——圖片壓縮、格式轉換、跑建置驗證有沒有錯誤——這些交給它處理,我能把腦力留在「這段文案有沒有說服力」「這個設計是不是還是很有 AI 感」這種真正需要判斷的事情上。

哪裡還是得靠人:品味、商業判斷、隱私與一致性

AI 不會自己知道「這個設計太罐頭、一看就是 AI 生成的」——這件事只有人的審美判斷得出來。我這次來回打槍最多次的,就是那種「發光漸層卡片、一句話加左邊色條、按鈕一個實心一個空心」的組合,這是任何用 AI 工具做網站的人都會生出來的樣板感,得靠人一直盯著說「不要」,AI 才會換一種做法。

商業判斷也一樣:定價要不要公開、案例要不要匿名化、退版本要不要重做,這些是我要決定的事,AI 只能照我的判斷去執行。還有一次很具體的例子——學員作品的截圖裡有真實帳號代碼,AI 抓出來直接提醒我要先匿名化才能放上網站,這種隱私意識是可以要求 AI 做到的,但「這張圖到底能不能用」的最終判斷,還是我自己決定。

文中提到的工具

常見問題

不會寫程式,真的能用 Claude Code 做出一個像樣的網站嗎?

可以做到很大一部分,但不是「零門檻」。你不用會寫程式碼,但你需要清楚知道自己要什麼、看得出畫面哪裡不對勁、願意來回溝通十幾二十輪去調整細節。如果你完全沒有設計判斷力,做出來的東西容易停在「堪用但普通」,這也是為什麼我們會建議需要更完整成果的公司找專業團隊處理。

用 AI 做網站,會不會做出來的東西很像 AI 生成、很沒特色?

會,如果你沒有主動盯著改。AI 預設生出來的設計有很明顯的共同樣板(漸層卡片、罐頭式的標題排版、制式按鈕組合),這是我自己這次做網站來回打槍最多次的地方。解法是持續給它明確的、具體的修正方向,而不是一次生成就照單全收。

AIJOB 也提供用 AI 開發網站的服務嗎?

有,這就是我們「網站設計」服務在做的事——用 AI 加快開發速度、把時間省下來給真正需要的討論與調整,同時由我們把關設計品質、商業邏輯與隱私安全,而不是把一個未經把關的 AI 產出直接交給你。

Jacky Chen

Jacky Chen · AI 系統架構顧問

讀到這裡,如果你手上正好有個流程想自動化、或想把 AI 變成一套真的能營運的系統——直接找我聊。一次免費的技術診斷,我幫你看清最值得先動的是哪一塊,不繞圈子、不推你不需要的東西。

延伸閱讀