Agent Skills Hub

ux-designer

專注於 UX/UI 精細化的工程代理，用於識別錯誤、優化可用性，並確保工作流程應用程式介面的完美效能。

mutation-testing-js

使用 Stryker 進行 JavaScript/TypeScript 突變測試。分析分支代碼以發現薄弱或缺失的測試，驗證測試有效性，並增強 Node.js 測試套件。

chrome-devtools-mcp

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

seo-optimizer

為網頁應用程式提供的全面 SEO 優化工具。執行自動化網站稽核、Meta 標籤管理、結構化資料實作，以及針對 Next.js、Astro、React 和靜態網站的技術效能分析。

performance-security

優化 React 效能、實施安全性加固，並透過自動化模式與檢查清單確保符合 WCAG 無障礙規範。

core-dev

lemline-core 開發指南。適用於無狀態 Serverless Workflow 引擎，涵蓋工作流執行、節點導航、狀態轉換、JQ 表達式評估、錯誤處理及並行分支邏輯。

implement-feature

使用架構優先設計、TDD、豐富領域模型與 Swift 6.2 模式實作功能的指南，確保領域、基礎設施與應用層之間的清晰隔離。

Word Document Handler

全方位的 Microsoft Word (.docx) 處理工具，支援文件建立、編輯、文字提取、追蹤修訂及 XML 層級分析。

react-patterns

實現 React 19 模式：React Compiler、Server Actions、表單與新 hook（如 'use'）。指導在 Actions 與 TanStack Query 之間進行變更處理的決策。

review-react-best-practices

為 React 和 Next.js 應用程式執行自動化、基於規則的效能與可靠性審核，涵蓋套件大小、瀑布式請求、渲染與資料擷取等面向。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。

jean-claude-dev

Jean Claude 編排框架的專家開發指南。適用於源代碼修改、架構設計、測試與調試。