導讀 ConardLi/web-design-skill：用反陳腔濫調清單、oklch 色彩、預先宣告 design system、v0 草稿等規則，把 AI 生網頁從同質化美學救出來。
餵 PDF 給 LLM 最痛的就是公式、表格、雙欄排版被拆爛。我用 MinerU 2.5 把一份多欄學術 PDF 轉成 Markdown，公式變 LaTeX、表格變 HTML、閱讀順序也對，CPU 模式就跑得動。
我以為開了 React Compiler 就不用手動 memo，結果切 tab 卡 512ms。用 Profiler 抓出 3 個 compiler 邊界：子 component 邊界、prop capture 的 identity 意圖、setInterval 動畫 state，附更多日常會遇到的範例。
前三篇系列文講的 Fake + MSW + 共用測試 infra，對 Claude Code 這類 AI agent 幫助特別大。整理五個具體優勢：快速回饋、訊號可信、範本可學、refactor 安全、context 省用。
前兩篇講了用 Fake 處理內部 service，但外部 HTTP API 不適用這套。介紹怎麼在 monorepo 裡用 MSW / msw-fetch-mock 做同一份 HTTP mock 從前端測到後端，與 Fake 互補。
在 monorepo 裡，前端、後端、業務邏輯各寫一套 mock 是重複勞動且容易行為不一致。這篇示範怎麼設計共用的 Fake，讓同一份測試替身從 React component 測到 API route 再到 service layer。
介紹依賴注入、Fake 和 in-memory 實作三位一體的測試設計。用 FakeStorageService 的實例說明為什麼 Fake 比 Mock 好維護，以及怎麼寫一個可重用、可信賴的 in-memory Fake。
GitButler 是一個基於 Git 的版本控制介面，支援平行分支、疊加分支、無限復原和 AI 整合。不用切換分支就能同時處理多個任務，拖拉就能完成 commit 管理，專為現代開發工作流程設計。
navigator.clipboard 在本機開發（非 HTTPS）和 iOS Safari 上常常失效。用 clipboard.js 包裝成統一的 Promise 介面，讓 fallback 對呼叫端透明，接到任何框架都一樣用法。
介紹 Overmind 這個 Procfile 流程管理器，整合 tmux 讓每個 process 可以獨立連線、單獨重啟，解決 foreman 的 log 截斷和顏色問題，適合 Rails、全端開發的本機開發環境。
