Conway's Game of Life
An interactive cellular automaton where simple rules create complex, emergent behavior.
寫作
關於設計、開發、AI基礎設施和產品構建的思考。
LLM 如何解讀文字：我的 i18n 系統教會我的 Token 經濟學
將網站翻譯成6種語言後發現：韓語對相同內容消耗的token是英語的2.8倍。互動式視覺化工具展示原因。
AI & Technology複利工程：讓程式碼庫加速而非衰退
大多數程式碼庫越大越慢，我的卻在加速。95個鉤子、44個技能和14個配置讓每個新功能的成本持續降低。
AI & Technology嚴格且溫和：我如何將回饋原則編碼為86個Hooks
Google的亞里士多德計畫發現心理安全感能預測團隊績效。我將相同的原則編碼為自動化程式碼審查hooks。
Career & GrowthClaude Code Hooks：我的 95 個 Hook 為何各自存在
我為 Claude Code 建立了 95 個 hook。每一個都源於某次出錯的經驗。以下是它們的起源故事以及逐漸成形的架構。
AI Development新創公司的設計系統：我如何反向建構我的設計系統
我反著建構了設計系統：先令牌，不做元件。一個CLS bug讓我明白了跳過令牌的代價，從此不再糾結投資時機。
Design & UX心智複利：跨領域知識如何打造我最好的工具
設計＋工程＋AI打造出任何單一技能都無法建構的工具。一個互動計算器，以及跨領域優勢的實踐。
Systems & ProductivityVibe Coding與工程：我的界線在哪裡
我每天使用Claude Code，搭配86個hook與完整的品質閘門系統。以下是我何時vibe code、何時嚴謹工程，以及為何這條界線至關重要。
AI & TechnologyPRD驅動開發：我如何用30多份PRD搭配AI代理人交付成果
我已撰寫超過30份PRD用於AI代理人任務。以下是PRD驅動開發在哪些地方有效、哪些地方失敗，以及我的範本在6個月內如何演進。
AI Development16個設計案例研究：我融入自身工作的四大模式
在深入研究16個產品後，四個跨領域模式徹底改變了我建構介面的方式。以下是我學到的，以及我「借鏡」的精華。
Design & UX漢明碼：電腦如何自己發現並修正錯誤
從 RAM 到 QR Code 與深空通訊，互動式理解漢明碼如何偵測與修復位元錯誤。
Interactive Explorations從76到100：達成完美的Lighthouse分數
一個個人作品集網站如何從行動裝置Lighthouse效能分數76分、CLS 0.493，進步到全類別完美的100/100/100/100。
AI & Technology外部出版物
技術寫作： Introl
Local LLM Hardware Pricing Guide 2025
本地運行大型語言模型的全面硬體建議和成本分析。
H100 vs. H200 vs. B200: Choosing the Right NVIDIA GPUs for Your AI Workload
針對不同AI工作負載比較NVIDIA最新資料中心加速器的GPU選擇指南。
TPU Architecture: Complete Guide to Google's 7 Generations
深入技術分析Google張量處理單元從TPUv1到TPUv5的演進。
GPU Memory Pooling in Multi-Tenant Kubernetes
容器化環境中GPU叢集的資源共享策略。
Ray Clusters: Distributed AI Computing Infrastructure
使用Ray框架構建和管理分散式AI運算的指南。
DeepSeek V3 Open Source AI Cost Advantage
開源LLM經濟學分析和DeepSeek的競爭定位。
NVIDIA Vera Rubin GPU 600kW Racks 2027
未來資料中心電力需求和NVIDIA下一代GPU路線圖。
SMR Nuclear Power for AI Data Centers
為下一代AI基礎設施供電的小型模組化反應爐解決方案。
DeepSeek MHC Architecture Breakthrough
DeepSeek多頭壓縮架構創新的技術分析。
