Agent Skills Hub

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。

typescript-pro

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

pr-reviewer

GitHub 自動化 PR 審查代理，運用 gh CLI 進行程式碼品質、安全性分析及專案標準合規性檢查。

modern-best-practice-nextjs

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

mermaid-diagram-generator

生成、驗證並優化 Mermaid 圖表（如流程圖、時序圖、ERD 等），協助視覺化軟體系統架構與業務工作流程。

ui-ux-pro-max

適用於網頁與行動裝置的專業 UI/UX 設計指南。包含 50 多種風格、99 項 UX 指引及 97 種配色方案。支援 React、Vue、Next.js 等多種技術堆疊的設計建議。

nuxt-test-skill

npm-agentskills 框架的測試工具，用於驗證 Nuxt 模組整合與 AI Agent 技能發現機制。

tanstack-query

TanStack Query v5 專業狀態管理模式，涵蓋查詢鍵工廠、資料變異、快取策略及 SSR 配置，適用於各類伺服器狀態管理任務。

code-auditing

一套系統化的程式碼審計框架，用於識別軟體專案中的技術債、安全漏洞、無效程式碼及程式碼品質問題。

Advanced Modular Library Design

使用 HexDI 原則設計模組化 TypeScript 函式庫：實現編譯時依賴驗證、功能優先組織與清晰的 API 邊界。

doc

專業的 DOCX 文件處理工具，支援精準的版面配置、編輯與創建。內建自動化視覺渲染檢查，確保輸出文件格式與排版專業。

react-doctor

分析並審核 React 專案的安全性、效能、正確性與架構問題，並提供可執行的診斷報告與評分。