Agent Skills Hub

review-react-best-practices

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

template-nextjs-moderne

為 Claude Code 提供的全方位 Next.js 15 開發與專案管理技能，包含 Supabase 整合、RBAC 權限管理及自動化品質驗證。

chrome-devtools-mcp

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

typescript-pro

進階 TypeScript 開發代理：實作複雜型別、泛型、品牌型別 (branded types) 與 tRPC 整合，確保端到端型別安全。

ui-ux-reviewer

根據四大權威標準（NNg 10 啟發式評估、UX 法則、Apple HIG、WCAG）分析 UI/UX 品質，為移動端及網頁組件提供基於證據的設計與無障礙優化建議。

svelte-testing

Svelte 5 測試專家，運用 vitest-browser-svelte 與 Playwright。提供單元測試、SSR 與 E2E 測試模式，並附帶供 AI 助手使用的 CLI 工具以檢索測試範例。

designer

React 與 Next.js 專家級 UI/UX 設計助手。提供視覺審核、設計系統架構，以及 Tailwind CSS 與 shadcn/ui 的實作指導，協助打造專業級 Web 應用程式。

webgl-expert

WebGL 1.0/2.0 開發專家指南：涵蓋 GLSL 著色器、3D 圖形、GPU 編程、渲染管線、緩衝區及 Web Canvas 效能優化。

components-build

根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。

format

使用 Prettier 和 Stylelint 驗證代碼格式與樣式規則，且不進行修改。確保代碼庫一致性，檢測 JS/TS/CSS/SCSS 文件中的格式錯誤。

nuxt

Nuxt 框架決策輔助層，用於優化專案開發，引導至正確的 Nuxt 套件、Vue 指南或模組特定邏輯。

modern-best-practice-nextjs

使用 Next.js App Router、伺服器組件、Server Actions 及現代 React 最佳實踐來構建高效能應用程式。