Harness Engineering（駕馭工程）是 AI Agent 開發的最新顯學，承接了 Prompt Engineering（提示詞工程）與 Context Engineering（上下文工程）兩個世代留下的成果。這篇用三個時期的脈絡，講清楚 Harness Engineering 為什麼出現、解決哪些 Prompt 跟 Context 處理不了的問題，並說明舊名詞淡出不是退流行，而是成熟地融入產品，過去學的知識從來不會浪費。
Harness Engineering｜AI Agent 從提示詞工程、上下文工程演進的新顯學
Playwright CLI 教學｜搭配 Claude Code 的瀏覽器自動化實戰
Playwright 是目前最主流的跨瀏覽器自動化框架，而 playwright-cli 讓我們不用建專案、不用寫測試套件，一行指令就能截圖、錄製操作、抓登入後的資料。這篇文章會介紹 Playwright 與 Puppeteer 的差異、為什麼會誕生 playwright-cli、它跟 Playwright MCP 的定位差在哪，並搭配 Claude Code 示範四個實際應用：自動截圖比對、codegen 錄製、連既有瀏覽器操控社群、把流程固化成腳本省下 AI token。
Anthropic 免費送禮！Claude 額外用量額度教學｜Pro、Max、Team 方案免費 Credit 一次搞懂
Anthropic 在 2026 年 4 月針對 Claude 付費方案推出限時 Extra Usage Credit 額外用量額度促銷，Pro 方案可領 20 美元、Max 5x 領 100 美元、Max 20x 與 Team 最高可領 200 美元免費額度。這篇文章整理各方案額度金額對照、領取資格條件、啟用 Extra Usage 與 Claim 操作步驟，以及 90 天到期等注意事項，幫助 Claude 使用者在 4 月 17 日截止前順利領取，額度可用於 Claude、Claude Code 等所有產品。
iOS Safari Canvas 觸控事件踩坑紀錄｜React Pointer Events 與 preventDefault 實戰
在 React + Canvas 的圖片標注工具加入觸控支援時，Chrome DevTools 手機模擬全部正常，放到真正的 iPhone 上卻完全不動。這篇記錄在 iOS Safari 處理 Canvas 觸控事件踩過的坑，包含 touch-action: none 不可靠、React 合成事件 passive 限制、click 不觸發的 cursor: pointer 陷阱、crypto.randomUUID 相容性問題，以及最終用原生 Pointer Events 搭配條件式 preventDefault 的解法。
MarkItDown 教學｜安裝、PDF 轉 Markdown 與 OCR 排錯
MarkItDown 是微軟開源的文件轉換工具，能將 PDF、Word、Excel、PowerPoint 與網頁等內容整理成 Markdown，供搜尋、文件分析與 RAG 知識庫使用。本文從 Python 環境與套件安裝開始，提供 CLI、Python API 和批次轉檔範例，並區分一般文字文件、掃描圖片與複雜版面的處理方式。遇到空白輸出、缺少依賴或 OCR 未啟動時，可依排錯表檢查；需要 LLM 或 Azure 的功能則另外說明設定、資料傳送與服務費用的界線。
MacBook Pro M2 Pro 跑 Gemma 4 實測｜Apple Silicon 本地 LLM
在 MacBook Pro M2 Pro 16GB 上用 Ollama 跑 Gemma 4 到底有多快？跟 RTX 3070 8GB 相比誰贏？這篇把 Apple Silicon 統一記憶體架構放進本地 LLM 的實戰對比，從 TPS、TTFT、長 prompt 塞滿 128K context 一路測到 Ollama 對 e2b 偷偷開 thinking 的 bug 跨平台重現，並給出 num_ctx 跟真實 prompt 長度兩個容易被混淆的觀念說明，幫筆電族開發者找到本地 LLM 的實用上限。
Gemma 4 E2B vs E4B 完整實測｜Thinking 模式的祕密與本地小模型最佳實踐
Gemma 4 的 E2B 和 E4B 兩個邊緣模型誰比較強？參數較小的 E2B 反而比 E4B 慢 10 倍是怎麼回事？這篇用 RTX 3070 跑了完整的 TPS、TTFT、品質對比 benchmark，並追到 Ollama renderer 層級找出 thinking 模式預設啟動的真相，順便整理本地小模型最佳實踐與 thinking、temperature、top_k、top_p 等參數說明。
本地跑 Claude Code 實戰｜Ollama + Gemma 4 + RTX 3070 使用心得與踩坑筆記
想用本地 LLM 跑 Claude Code 省下雲端 API 費用？這篇分享在 Windows 11 + RTX 3070 8GB VRAM 上用 Ollama 接 Gemma 4 跑 Claude Code 的真實心得，包含安裝流程、Context length 設定、settings.json 被覆蓋的踩坑經驗、消費級顯卡的效能與使用限制，以及六種適合交給本地小模型處理的短任務與自動化用途。
Regex 正規表達式教學｜語法速查、中文比對與實用範例
Regex 正規表達式用來描述文字模式，可處理格式檢查、資料擷取與批次取代。本文從字元類別、量詞、錨點與群組開始，整理到環視、Unicode 與效能陷阱，搭配 Email、台灣手機號碼、Log 與開發工具範例。前段提供常用語法速查，中文比對章節則區分漢字範圍、Unicode 屬性與繁簡辨識限制。使用 JavaScript、Python、Java、grep 或 sed 時，也能依引擎差異選擇適用語法，避免將某個工具的範例直接套用到所有環境。
Mermaid 語法教學｜流程圖範例、語法速查與線上預覽
Mermaid 用純文字語法描述圖表，能將流程、系統互動與資料關聯轉成可預覽的圖形，也方便放進 Git 追蹤修改。本文提供流程圖、循序圖、類別圖、狀態圖、甘特圖、ER 圖、圓餅圖與心智圖範例，前段附上圖表類型速查，並說明 Markdown 的 mermaid 程式碼區塊與 .mmd 檔案有何差別。搭配線上編輯器即可練習、預覽與匯出，後續再依需求調整節點、箭頭和樣式，也能將範例交給 AI 協助修改，並自行核對流程與文字。