#Design

ASCII Sharks 是用 Canvas 畫鯊魚與魚群的互動動畫。我把它整合進 Astro 部落格首頁，記錄從 hero 橫幅改成整頁背景、毛玻璃、手機載入與八種鯊魚取捨的過程。原始 renderer 固定黑底，讓 light mode 面板變灰；最後用 CSS 反轉並關掉格線，留下適合閱讀的首頁背景。

受到 HEART 政策島啟發，我用 Three.js 把部落格系列做成可探索的漂浮島群。本文從 1.0 的效能與操作體驗測試寫起，記錄角色轉用 2.5D Sprite、宇宙視覺設計、主題地標和道具，以及生成島與 agent 派工場景的開發過程。

AI Fluency for creative work 課程筆記，整理創意價值透鏡、生產視角、4D 框架與五種 AI 角色，說明創作者如何從不使用 AI 出發，為每項工作決定 AI 的介入方式、揭露與責任。

Google 搜尋結果中的 favicon 出現白色外圈，我查了官方規格與平台圖示的 mask 行為，再把它改成圓形並重新產生 ICO 與 PNG；這是針對搜尋結果的實測選擇，不是 favicon 的通用規則，最終效果仍待 Google 重新抓取。

Luma 活動頁上自動吃光點的貪食蛇，不只是 Canvas 裝飾。從公開 JavaScript bundle 逆向出主題、演算法與可由訪客接管的完整互動系統。

Luma 看起來只是一張簡潔的活動頁，卻把報名、通知、收款與推廣串成完整流程。從它的設計選擇，看見真正的簡單不是功能少。

Blog 的 layout 從開始就決定了：跟 Claude、ChatGPT、Cursor 長一樣。不是巧合，是刻意的——既然內容是 AI cowork 記錄，形式本身就應該呼應這件事。

LINE 分享截圖有圖才驚覺 OG image 必做。從規格研究、設計工具、safe zone 思路，到 Canvas API 踩的三個坑——build-time 自動生成的完整過程。