今天改造了 Happy Sining 的首頁，把這整個專案的流程圖做成動畫，放在首頁。感謝AI，畫面真是好看。
接著又想說，那就把我個人網站首頁的作品介紹，全部做成動態界面，目前動工中。
有了AI，似乎總會有無盡的點子冒出來，日子想無聊都無法。
網站都用Claude Code開發，每個功能開發完會再請Codex審查開發的程式碼，目的是要讓一個Agent去找另一個Agent的碴。沒有脾氣這一點是Agent最棒的地方，不用擔心被質疑、被否決會出現什麼情緒。
但也正因為Agent沒情緒，有時候他做錯，就換我很生氣，而且是一個人生悶氣。
之前開發個人首頁，因為最上方的Hero Page是我的名字在流動，也算是個動畫，Claude做完，Codex找到一個問題，那個問題也真的是讓我傻眼。
Codex表示需要有暫停按鈕，為什麼呢？以下是AI的回覆：
暫停鍵是為了符合 WCAG 2.2.2「暫停、停止、隱藏」這一條。WCAG 是國際通用的網頁無障礙規範，網站的「無障礙」就是照它來判斷。這一條規定：會自己動、持續超過 5 秒、又跟其他內容放在一起的動畫，要讓使用者能停下來。原因是有注意力障礙或閱讀困難的人，旁邊一直有東西在動，會讀不下去案卷的文字。
這不是法律強制，你的個人網站不加也不會違法。
這真的是冷知識，我看到也是無言了，好吧，既然比我聰明得多的AI說要加，那便加吧。
在改造網站的過程中，不禁也問了自己，全部作品都做成動畫流程圖在跑，會不會太Over？後來想想那麼浮誇應該可以讓第一次造訪的人留下不錯的印象，就做吧。
網站最大的價值可能是功能，例如購物網站，或是內容，例如新聞網站。但我覺得除了功能、內容外，操作界面、視覺語言我反而更在乎。在沒有AI都必須靠前端工程師慢慢切版，慢慢刻CSS的年代，過去追求視覺效果可能會要了前端設計或工程師的老命。
所以那時發展出類似Bootstrap這種比較容易套用的前端框架，能快速做出一個在各種裝置都不跑版，又實用的網站，可能是沒有AI時代最理性的選擇。
但現在有了AI，如果還在用模板、別人寫好的畫面框架去套，那我覺得太對不起這個時代也太懶惰了。
AI設計網頁視覺無比方便，既然做網站，就要盡可能多跟AI來回討論過招幾回合，覺得畫面不滿意就退貨重做，消耗的只是Token跟時間，但換來的確實有個人特色的網站。
因為視覺設計門檻變低，所以如果跟以前一樣只追求可用，不跑版，那對使用者來說就太沒誠意了，所以只要有可能，我會想盡辦法優化我的版面，即使無法給來網站的人提供什麼實用的價值，但也要讓他帶走「哇～酷誒！」的感覺。