Agent Skills Hub

wednesday-design

UI/UX 設計助手，為 React/Next.js 專案強制執行組件庫使用規範、可訪問性與設計標記。確保使用 shadcn/ui、Aceternity 等核准庫來保持視覺一致性。

tanstack-router

TanStack Router 設定、檔案系統路由與 React 應用程式的型別安全導航。

vue-typescript

專為使用 TypeScript 構建 Vue 3 應用程式所設計的技能，涵蓋組合式 API (Composition API)、Pinia 狀態管理、Vue Router 以及自定義組合式函式 (Composables)。

generate-sdk-types

自動從 Rust 工具架構生成 TypeScript 型別定義，確保 MCP 專案中伺服器與客戶端之間的端到端型別安全。

shadcn-ui

實作 shadcn/ui 元件：包含安裝、Vite/TanStack Router 設定、CLI 指令管理及 Tailwind CSS 整合。

dojo-debug

診斷並解決 Dojo.js 應用程式中的連線、同步、訂閱及型別問題。用於排解 Torii、實體查詢和狀態更新故障。

chrome-devtools-mcp

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

Advanced Modular Library Design

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

api-design

設計與記錄 REST 或 GraphQL API，包含端點定義、分頁、篩選、版本控制及 OpenAPI/Swagger 規格建立。

kessoku-di

使用平行編譯期依賴注入加速 Go 應用程式啟動。優化緩慢服務、替換 google/wire，並透過 kessoku 管理非同步依賴。

doncheli-visual-test

執行自動化視覺回歸測試，透過將 UI 截圖與基準影像進行比較，識別佈局位移、色彩變化及渲染回歸問題。

frontend-accessibility-best-practices

React 應用程式的無障礙最佳實踐與模式，確保符合 WCAG 標準，優化語意結構並提供包容性的使用者體驗。