Chapter 03

第一次和 Codex 協作

重點不是讓 Codex 一次完成整個網站，而是學會用清楚的小任務控制產出。

好的 Prompt 包含什麼

1. 目標：你想做什麼。
2. 限制：只能使用哪些技術。
3. 範圍：這次只改哪個部分。
4. 輸出：希望 Codex 怎麼回答。

角色扮演 (Role-playing) 技巧

為了讓 AI 產生更符合業界標準、更專業的程式碼，你可以在 Prompt 的開頭賦予它一個角色。

例如：「請以一位資深前端工程師的角度...」 或是 「你是一位擅長教學的程式導師...」。這能顯著提升 AI 輸出的穩定性與程式碼品質。

協作流程

先說明畫面，再請 Codex 規劃；一次只修改一個檔案或一個功能；修改後立刻測試。如果有錯誤，把錯誤訊息完整交給 Codex。

Prompt 範例

請只修改 style.css，讓這個頁面看起來更清爽，使用白色背景、淺藍紫色調、8px 以下圓角。不要修改 HTML 和 JavaScript。

本章練習

請對第 2 章範例做三次修改：增加說明文字、改善按鈕樣式、解釋 script.js。