Agent Skills Hub

pattern-detection

分析並識別代碼庫模式（命名、架構、測試），以確保開發過程中的一致性與標準執行。

figma

利用 Figma MCP 伺服器獲取設計數據、提取資源，並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。

french-claude

專注於設計的程式設計代理，為您的開發工作流程帶來世界級的介面工藝、動態設計與系統化前端工程。

next-upgrade

使用官方遷移指南與自動化 codemods 將 Next.js 專案升級至最新版本。

chrome-devtools-mcp

Chrome DevTools MCP 伺服器，透過 Puppeteer 實現 AI 驅動的瀏覽器自動化、測試與除錯。支援輸入自動化、視覺截圖、效能追蹤與網路偵測。

java-coding-standards

強制執行高品質 Java 17+ 編碼標準、Spring Boot 慣例以及可維護的專案架構。

svelte-runes

Svelte 5 Runes 專業指南：涵蓋反應式狀態 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及遷移策略。協助開發者避免常見反應式設計錯誤。

nango-esm-migration

修復 Nango 整合遷移至零 YAML 架構後產生的 CJS/ESM 模組相容性問題，包含路徑修正、建立 ESM 包裝器及還原原始實作。

client

管理客戶關係、追蹤後續行動，並利用基於 Obsidian 的客戶資料自動草擬個人化電子郵件。

react-router-data-mode

使用 React Router 的資料模式 (data mode) 開發 React 應用程式，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。

fhir-developer-skill

FHIR API 開發指南，用於構建合規的醫療保健端點。包含資源驗證、編碼系統與標準錯誤處理。

visual-design-foundations

建立一致的視覺系統，包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範，以提升 UI 開發的一致性。