AI 入門第四課
用 Codex 做出第一個 AI 小工具。
這堂課不教寫程式語法。目標是讓新手學會描述需求、讓 Codex 修改檔案、看懂結果、修一個小 Bug。
完成後你能做什麼？
你能把一個小作品做出來，並用「做了什麼、期待什麼、實際發生什麼」驗收與修正。驗收清單比反覆叫 AI 重做更重要；下一步可把重複的工作帶到第 5 課。
視覺速記
Codex 是什麼
ChatGPT 像聊天助理
適合討論、寫文案、整理想法。
Codex 像檔案工作助理
適合改 HTML、整理資料夾、修 Bug、做小工具。
你不用先會寫程式
你要會描述需求、檢查結果、指出哪裡不對。
怎麼描述需求
請幫我做一個簡單 HTML 小工具。
用途：[誰會用、要解決什麼]。
功能：[列 3 個最重要功能]。
畫面：[想要的欄位、按鈕、結果區]。
限制：只用 HTML、CSS、JavaScript，先做單一檔案。
完成後請告訴我檔案位置、怎麼打開、我該檢查什麼。
實作案例：80 分鐘做一個文字轉換器
0-10
min
min
建立練習資料夾
只放這堂課的檔案，不碰桌面或重要資料。
10-30
min
min
請 Codex 建立第一版
功能：輸入文字，一鍵轉大寫、一鍵轉小寫、一鍵清空。
30-50
min
min
打開檔案檢查
看按鈕是否能點、結果是否正確、手機上是否能讀。
50-65
min
min
要求 Codex 修改網站
例如改顏色、加說明、讓按鈕更大、讓結果區更清楚。
65-80
min
min
讓 Codex 修一個 Bug
描述你看到的錯誤，不要只說「壞了」。說明點了什麼、期待什麼、實際發生什麼。
如何閱讀修改結果
看改了哪些檔案
先確認 Codex 沒有動到不相關檔案。
看使用方式
要求 Codex 說明怎麼打開、怎麼測試。
自己點一次
不要只看 Codex 說完成。你要親手打開小工具試一次。
常見錯誤
- 需求一次塞太多功能
- 沒有說清楚畫面要長什麼樣子
- 看到錯誤只說「不能用」
- 沒有自己打開檔案檢查
- 讓 Codex 修改不相關資料夾
課後作業
把文字轉換器改成另一個小工具：待辦清單、BMI 計算機、倒數計時器三選一。只做 3 個核心功能。
Cheat Sheet
描述需求
用途、功能、畫面、限制、驗收方式。
修 Bug 句型
我做了什麼、期待什麼、實際發生什麼。
驗收
打開檔案、點按鈕、看手機、確認沒改錯檔。
教學影片
Complete Beginner's Guide to OpenAI Codex App
對應本課 Codex Desktop 觀念，適合新手看 Codex 如何協助改檔案。
Getting started with Codex
偏上手導覽，適合做第一個小工具前先看一次 Codex 工作方式。
FAQ
完全不會寫程式可以嗎？
可以。這堂課不要求你寫語法，但你要能描述需求和檢查結果。
第一個小工具要做多大？
越小越好。單一 HTML 檔案、3 個核心功能就夠。
Codex 改壞了怎麼辦？
先請它說明改了哪些檔案，再要求回到上一版或只修指定問題。