做一頁活動網頁，瀏覽器直接打開
完成後你會得到一個 index.html 網頁檔：活動資訊、報名按鈕齊全，雙擊就能用瀏覽器打開，手機看也不跑版。
開始前準備（3 項）
- 前置檢查：已完成 CD-01 的安裝與登入
- 準備好活動資訊：名稱、時間、地點、兩三句介紹、報名表單的網址
- 建一個新資料夾例如「活動網頁」，有活動主視覺圖片也放進去
照著做（5 步）
- 建立專案資料夾新資料夾裡放活動圖片（有的話）；終端機 cd 進去，輸入 claude 啟動。
- 貼上製作指令複製下方 prompt,把活動資訊逐格填好後送出；它會在資料夾裡建立 index.html（單一網頁檔）。
- 用瀏覽器打開驗收到資料夾對 index.html 點兩下，瀏覽器會直接打開；這是存在你電腦裡的網頁，不需要伺服器就能看。
- 用講的修改回終端機直接說「標題改成深藍色」「時間地點的字放大」，改完到瀏覽器按重新整理就看到新版，來回幾次調到滿意。
- 縮小視窗測手機版把瀏覽器視窗拉窄到手機寬度，確認文字沒跑版、報名按鈕按得到、圖片正常顯示。
指令範本（複製後把括號換成你的內容）
幫我做一個單一檔案的活動網頁 index.html:活動名稱「[請填寫]」、時間「[請填寫]」、地點「[請填寫]」、活動介紹[請填寫：兩三句]、一顆「立即報名」按鈕連到[請填寫：報名表單網址]。要求：設計簡潔大方、手機打開不跑版、所有樣式寫在同一個檔案裡，不要載入外部資源；文字照我給的放，不要自己加內容。
怎麼驗收
瀏覽器實際打開：活動名稱、日期、地點逐字核對無誤；點報名按鈕真的連到表單；視窗縮窄後版面正常。
注意
網頁上的日期、地點、報名連結錯一個字就是災難，發布前逐字人工校對；這一步產出的是本機檔案，要放上網路需另外部署，屬對外動作，先把內容確認到位。
想練熟？再做一次（選用）
練習一次
用本頁的範例與指令原樣跑一遍，確認流程通。
套用工作
把［請填寫］換成你自己的資料（記得先去識別化）再做一次。
驗收
對照上面「怎麼驗收」逐項確認；卡住就回頭看「注意」。
下一步
想每次產出都同一個風格？做 CD-05,用 CLAUDE.md 把你的設計規範記下來。