Blog

Plinth,將設計系統的 Source of Truth 移至程式碼:為 AI 協作而生的設計系統(第三篇)
Plinth 是我以 Claude Code 打造的開源工具。只要描述產品,或從一個喜歡的網站開始,它就會在程式碼裡建立一套設計系統:分層的 Token、現成的元件、AI 工具讀得懂的設計指南,以及每次修改都會執行的檢查。

讓 AI 資料中心看得見:模組化設施的 3D 場址探索
一個以公開資料為主、前端以 three.js 打造的模組化 AI 資料中心場址模擬器(非官方)。參考 NVIDIA DSX POD 與技嘉 GADU,在瀏覽器中比較不同氣候與規模下的空間、能耗與成本估算,並可匯出 OpenUSD,在 NVIDIA Omniverse 中開啟。

CurioTails:用 ComfyUI 和 Qwen3-TTS 做一本繪本
CurioTails 是一本以 AI 製作的有聲繪本,故事圍繞著一群色鉛筆風格的森林動物,目前仍在進行中。這篇分享到目前為止最花時間的四個問題:如何讓角色維持一致、讓畫風不跑掉、讓場景符合空間邏輯,以及讓聲音聽起來自然。

Culture Hop Taiwan:打造文化探索的基礎設施
我把零散的政府開放資料重新整理,做成一個雙語、地圖優先的文化活動探索平台。這個過程主要圍繞三個問題:資料來源分散、語言不一致,以及行動端使用體驗過於笨重。

用輕量模組化的 n8n Pipeline 自動產生虛擬主播影片
一個用腳本驅動影片產製的實驗:用模組化的 n8n pipeline,在一般消費級硬體上,大約三分鐘內把純文字腳本轉成一支帶有口型同步的虛擬主播影片。

為 AI 協作而生的設計系統(下):從 Figma Make 到 Vercel 的設計與部署實驗
下半部的實驗主要在測試一件事:Figma Make 是否能順利接到 GitHub,並一路完成部署,同時維持 SSOT 和元件的可重用性。

為 AI 協作而生的設計系統(上):從風格指南到結構化元件
這個專案嘗試用一些自動化與 AI 工具去優化整體開發流程,目標是用比較省力的方式生成 Figma design system 和 component library,並且把結構整理得更細,讓 AI 之後可以更容易讀取和使用這些設計資訊。