上線走查與改版紀律

貓老闆的簡報

上線前一天，手機上每一頁都要點過一次。之後每次要讓 AI 改東西，先告訴我你要改哪裡，我核准才准動工。

——貓掌櫃的老闆「掌櫃」下需求時的原話

這章做什麼

動手做

1. 走查清單過一遍：連結、表單、圖片、404、標題與 favicon、手機、慢網路（開發者工具限速）。
2. 版控打底：上線前打一個版本標籤；之後 AI 每次改動都開一條分支——下一門課就是這個。
3. 把 AI 協作守則寫進專案：一次一個元件、動工前先講計畫、完工跑走查、用詞對照表隨需求附上。
4. 上線。把網址交給貓老闆，然後去睡覺。

這樣對 AI 說

「貓掌櫃」官網要上線了。請幫我做兩份清單：一、上線檢查清單（markdown 核對清單），分成六組：內容正確、連結與導覽、表單與互動、手機與平板、效能與慢網路、SEO 基本欄位，每組 3 到 5 題。二、AI 協作守則，四條：一次只改一個元件；改動前先列出計畫等我核准；完工後跑走查清單並回報結果；每次需求都附上用詞對照表。

驗收清單

上線前把這份清單從頭走一遍；上線後每次改版都重跑一次。

• 每一個連結都點過：沒有 dead link，沒有假按鈕。
• 兩支表單都送過：錯誤與成功都看過。
• 手機全程逛一遍：零橫向捲軸、字級 16px 起。
• 開發者工具限速 Slow 4G：首屏十秒內能看。
• 每頁 title 與描述都寫了，favicon 換掉了。
• 404 頁面長得像這個網站，不像預設錯誤頁。
• 版本標籤打好：出事能回到今天這個版本。

這章的相關詞條

詞條頁都有可以動的示範——卡住的時候，去把名詞弄清楚，回來繼續做。