Tools Frontend

用 Biome 取代 ESLint + Prettier：快 35 倍，一個工具搞定

Biome 是用 Rust 寫的前端工具鏈，formatter 比 Prettier 快 35 倍，455 條 lint 規則涵蓋 ESLint + TypeScript ESLint，一個 biome.json 取代五個設定檔，支援自動遷移。

Tools

Mole：一個指令清掉 macOS 95GB 的垃圾

Mole 是 38K stars 的 macOS 清理工具，mo clean 深度清除快取、mo uninstall 連殘留一起刪、mo purge 清 node_modules，乾淨又安全，支援 dry-run 先預覽。

Tools DevOps

OpenSpec：讓 AI Coding Assistant 照規格做事，不要亂寫

OpenSpec 是 spec-driven development 框架，在 AI 寫程式之前先對齊需求。propose 產出規格文件，apply 按規格實作，archive 歸檔完成的變更。支援 Claude Code、Cursor、Copilot 等 30+ 工具。

Tools DevOps

拋棄 Husky，用 Lefthook 讓 Git Hooks 快一倍

用 Go 寫的 Lefthook 一個 YAML 搞定所有 Git hooks，平行執行省掉一半 commit 等待時間，支援 monorepo、跨語言、本地覆寫，比 Husky + lint-staged 更快更簡單。

Frontend Database

用 sql.js-httpvfs 在 GitHub Pages 上查詢 SQLite 資料庫

介紹 sql.js-httpvfs，透過 HTTP Range Request 在靜態網站上直接查詢 SQLite，不需要下載整個資料庫檔案。

Frontend Database

瀏覽器端儲存方案比較：sql.js vs IndexedDB vs localStorage

比較 sql.js、IndexedDB、localStorage 等瀏覽器端儲存方案的容量、查詢能力、效能與適用場景，附完整比較表格。

Frontend Database

sql.js + IndexedDB：打造離線優先的 Web App

用 sql.js 搭配 IndexedDB 實現瀏覽器端 SQLite 資料持久化，打造不需後端也能離線運作的 Web 應用。

Frontend Database

用 sql.js 在瀏覽器跑 SQLite：安裝到 CRUD 完整教學

介紹 sql.js 套件，從安裝、初始化、CRUD 操作到匯入匯出 .db 檔案和 Web Worker 用法，在瀏覽器端直接使用 SQLite。

Laravel Frontend

LiVue：用 Vue 3 取代 Alpine.js 的 Server-Driven 開發方式

介紹 LiVue 套件，在 Blade 模板裡直接用 Vue 3 directive，不用寫 API 也不用拆 .vue 檔，兼具 Livewire 和 Vue 生態系的優勢。

Testing Frontend

msw-fetch-mock：用 undici 風格的 API 寫 Fetch Mock，6 套方案完整比較

比較 msw-fetch-mock、MSW、nock、fetch-mock 等 6 套 HTTP mock 方案的差異，說明 msw-fetch-mock 的架構優勢與適用場景。