CSS 改了不檢查就說修好了

問題

Claude 修改 CSS 後,看了一眼自己寫的 CSS 原始碼就說「修好了」。但 CSS 的實際渲染效果取決於瀏覽器的 selector 優先級、載入順序、繼承關係,光看原始碼判斷不了。

真實案例:修了 10+ 次 CSS 對比度問題,每次都說「修好了」,但使用者截圖顯示問題依舊存在。

原因

Claude 沒有瀏覽器,無法直接看到渲染效果。它傾向「寫完 = 修好」,跳過驗證步驟。

解決方案

推上去後必須用 curl 抓頁面 HTML,解析實際生效的 CSS 規則,確認對比度足夠才能回報。

可複用的 CLAUDE.md 規則

### CSS 修改
- 改完 CSS 不能直接說「修好了」
- MUST 等 build 完成,curl 抓線上頁面驗證
- 檢查項目:每個元素的「背景色 + 文字色」在淺色和深色模式下是否可讀

回到頂部