Agent Skills Hub

ux-audit-walkthrough

極簡 UX/互動審計專家，透過認知負荷與操作效率的視角剖析複雜互動，評估 Figma 原型或網頁可用性。

mcp-rails

在 Rails 應用中實現完整的模型上下文協議 (MCP)。支援連接外部 MCP 伺服器、將 Rails 應用程式暴露為 MCP 伺服器、透過 Docker 管理子進程，以及 OAuth 2.1 PKCE 驗證。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 構建、審核並迭代高轉化率著陸頁。專注於轉換率優化 (CRO)、首屏結構以及使用 Iconify 圖標的高品質介面設計。

qa

網頁應用程式的瀏覽器自動化測試技能。執行自動化網站稽核、視覺回歸測試、使用者流程驗證，並透過即時瀏覽器快照進行問題追蹤。

flutter-duit-bdui

整合、修復與除錯 Flutter 的 Duit/flutter_duit 後端驅動 UI (BDUI)。支援遠端/靜態佈局、自定義組件、傳輸管理器以及生命週期除錯。

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

design-review

設計師級別品質保證：自動檢測並修復視覺不一致、間距、階層問題與 UI 打磨。透過前後對比截圖進行迭代驗證。

core-components

核心元件庫與設計系統模式，透過設計權杖 (design tokens) 確保 UI 開發的一致性。

phaser-gamedev

專業級 Phaser 3 遊戲開發助手。涵蓋場景架構、Arcade/Matter 物理引擎、資源加載管線、精靈動畫及網頁遊戲性能優化。

airiot-frontend

官方 AIRIOT 開發套件，用於構建基於 React、TypeScript 與 shadcn/ui 的應用程式，並整合即時平台功能。

icon-set-generator

為網站和應用程式生成具備一致視覺風格、線條粗細與密度的專業 SVG 圖示集，打造獨特的品牌 UI 識別。