JavaScript

repo-scan 是一個跨技術棧的原始碼稽核 skill，可分類檔案、偵測內嵌的第三方函式庫，並協助判斷哪些是核心、重複或多餘負擔。它很適合用於 Code Review、舊系統遷移與重構規劃中的 repo-scan。請參閱 skill 內的 repo-scan 安裝與 repo-scan 使用說明。

nuxt4-patterns 是一個用於 Nuxt 4 的技能，聚焦於 hydration 安全、路由規則、延遲載入，以及 SSR 安全的資料擷取。使用 nuxt4-patterns 技能，能幫助你做出更好的 Frontend Development 決策、減少不一致，並為每個頁面或元件套用最合適的模式。

nodejs-keccak256 技能可幫你避開 JavaScript 與 TypeScript 裡常見的以太坊錯誤：在需要 Keccak-256 時卻用了 Node 的 sha3-256。它很適合後端開發、selector、event topic、簽章、storage slot 與 address derivation，並提供實用的 nodejs-keccak256 使用指引。

nextjs-turbopack 技能可協助你在 Next.js 16+ 中使用 Turbopack，以提升本機開發速度、HMR 與打包器決策效率。它可作為實用的 nextjs-turbopack 指南，涵蓋安裝、使用，以及在 Frontend Development 工作流程中何時切回 webpack。

nanoclaw-repl 是一個具備 session 感知能力的 REPL 技能，用於操作與延伸 NanoClaw v2。它支援以 markdown 持久化的 session、分支、搜尋、壓縮、模型切換，以及匯出，適合 Workflow Automation。請參考這份 nanoclaw-repl 指南，讓本地任務保持可預測，並且更容易接續執行。

frontend-slides 可協助你從零開始製作充滿動畫效果的 HTML 簡報，或將 PowerPoint 檔轉換成 HTML 簡報。當你需要做簡報、提案 deck、工作坊、內部 demo，或是想用 frontend-slides 進行 UI Design 的視覺探索時，都很適合使用這個 skill；它能輸出零依賴的瀏覽器簡報，並讓投影片精準符合單一視窗尺寸。

frontend-patterns 是一個實用的 React 與 Next.js 前端開發技能，能幫助你為元件、狀態、表單、路由、無障礙與效能挑選可維護的模式。當你需要清楚的實作指引與模式選擇，而不只是泛泛的最佳實務時，適合使用 frontend-patterns 指南。

coding-standards 技能提供一套跨專案的基準，用來規範命名、可讀性、不可變性、一致性與 code review，並先於套用 framework-specific 規則之前建立共同標準。

bun-runtime 技能可協助你判斷是否要在新的 JavaScript 或 TypeScript 專案中採用 Bun，也適用於 Node 遷移、腳本執行、測試與 Vercel 部署情境。內容涵蓋 bun-runtime 的使用方式、安裝評估指引、Bun 與 Node 的取捨，以及前端與全端開發的實務工作流程。

了解 agentic-engineering 技能，掌握以 eval-first 為核心的執行方式、任務拆解、模型路由，以及透過 regression checks 提升工作流程自動化的安全性。

browse 是一個快速的無頭瀏覽器技能，適合 QA、內部實測與瀏覽器自動化。可用來開啟頁面、與元素互動、驗證狀態、比較操作前後的差異、擷取截圖，並檢查響應式版面、表單、上傳、對話框與元素狀態。當你需要的是瀏覽器證據，而不是泛用提示詞時，就安裝 browse。

setup-pre-commit 可協助你加入搭配 lint-staged、Prettier，以及可選的型別檢查／測試執行的 Husky pre-commit 鉤子。當你的 repo 需要一套快速、可重複的提交前安全檢查，且你想在保留既有設定的同時，為目前的套件管理器加入正確腳本時，就適合使用這份 setup-pre-commit 指南。

tdd 是一套測試驅動開發（Test-Driven Development）技能，適合用來開發功能、修正 bug，並透過 red-green-refactor 迴圈撰寫更耐用的測試。它強調以行為為中心、透過公開介面進行測試、只在邊界做 mocking，並提供關於測試自動化、重構與介面設計的實用指引。

prototype 技能可協助你先做出一次性程式碼，在投入正式實作前，先回答一個具體問題。它適合用來測試邏輯、狀態轉換、資料結構或 UI 方向，並產出一個符合主 repo 慣例、可執行的 prototype。當你需要的是快速 prototype 指南，而不是最終功能時，這會非常合適。

ckm:design-system 從清晰的 token 架構出發，協助建立三層 tokens、元件規格、CSS variables、Tailwind 對應，以及維持品牌一致的簡報投影片資產。

paypal-integration 可協助開發者規劃並快速建立 PayPal checkout、subscriptions、payouts、IPN 與 refund 流程。你可以用它在 JavaScript SDK 與 REST API 方案間做選擇、產生起手式程式碼，並更清楚地設計電商付款工作流程與實作方向。

nodejs-backend-patterns 是一份實務導向指南，協助你以 Express 或 Fastify 建構 Node.js 後端服務，涵蓋 middleware、auth、錯誤處理、repository layer、DI、快取與資料庫整合，適合用來打造面向正式環境的 API。

typescript-advanced-types 是一項聚焦於進階 TypeScript 型別設計的技能，涵蓋 generics、conditional types、mapped types、template literal types，以及可用於打造更安全前端與函式庫程式碼的實用型別模式。

modern-javascript-patterns 是一份實用的 ES6+ 參考指南，適合用來重構舊版 JavaScript，導入 async/await、modules、destructuring 與函數式陣列寫法。可用於前端或一般 JavaScript 程式現代化，讓語法更清晰、模式選擇更成熟，並提升可維護性。

javascript-testing-patterns 可協助代理撰寫 JS/TS 測試與測試設定，涵蓋 Jest、Vitest 與 Testing Library。適合用來規劃單元測試、整合測試與 UI 測試，並提供 mocks、fixtures、coverage 與更紮實的 Test Automation 提示模式。

nextjs-app-router-patterns 協助開發者規劃 Next.js 14+ App Router 架構，涵蓋 Server Components、streaming、caching、route handlers 與 Server Actions，適用於全端開發與從 Pages Router 遷移的情境。

dependency-upgrade 是一項用於規劃重大相依套件升級的技能，涵蓋 semver 檢視、相容性分析、分階段 rollout 與測試。可用來稽核 npm 或 yarn 套件、檢查相依樹、處理衝突，並在 Code Editing 工作流程中更安全地引導 framework 或 library 升級。

react-modernization 是一套以遷移為核心的技能，適合將 React 16/17 應用升級到 18+、把 class components 改寫為 hooks、更新 root API，並以具備 codemod 意識的指引規劃分階段重構。

vercel-react-native-skills 是一套面向 React Native 與 Expo 的技能，適合重視效能的前端開發。可用來改善清單渲染、動畫、導覽、UI 模式、狀態管理與原生模組設定。內容包含實用規則、安裝指引與使用模式，幫助你在處理行動 App 瓶頸時少一點猜測、多一點依據。