用 Claude 建檔案

你描述，Claude 蓋

⏱ 預估 ~7 分鐘

01 · 讀一讀

目前為止你用 Claude Code 理解程式碼。現在來用它從零建東西。

這裡開始有趣了。不用自己寫每一行 HTML、CSS、JavaScript，你用自然語言描述你想要什麼。Claude 寫程式碼、建檔案，你檢查結果。

你的角色從打字員變成導演。你決定要蓋什麼、清楚描述、引導 Claude 做對。Claude 產出的品質直接看你描述得多清楚。

💡 想像一下就像跟一個很有才但很直白的建築師合作。你說「蓋我一間房子」，你會拿到房子 — 但可能不是你想的。你說「蓋我一間兩層、有環繞陽台、藍色外牆、大廚房窗的房子」，你會拿到接近你想像的東西。

我們來做一個網頁。請 Claude 蓋有導覽列的 HTML 頁。要明確說導覽列要有什麼。

幫我做一個 HTML 頁面，導覽列要有 Home、About、Contact 三個連結，風格要乾淨現代。

在瀏覽器打開 Claude 建的檔看結果。可以從終端機開。

open index.html

現在叫 Claude 在它建的東西上加東西。這展示 Claude 理解上下文的能力 — 它知道什麼檔存在，會聰明地改它。

幫這個頁面加上深色模式配色。請另外建一個 CSS 檔案，再從 HTML 連結進去。

看剛剛發生的事。你用自然語言描述你想要什麼 — 兩次。Claude 兩次都寫了程式碼。你的工作是檢查它、在瀏覽器測、迭代。

這就是有 AI 的現代開發流程：

1. 描述你想要什麼 2. 檢查Claude 建的東西 3. 測試(在瀏覽器開、跑它等等) 4. 迭代要求改動

你不只是乘客 — 你是決策者。Claude 很快，但你要知道結果對不對、夠不夠好。

重點整理

Claude 建完檔之後，你應該永遠 _____ 它們再 commit。

用 Claude Code 建檔的建議流程是？

⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。

※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。