Agent Skills Hub

designer

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

ui-ux-reviewer

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

web-design-guidelines

審查 UI 代碼以符合 Web 介面準則。自動檢查可訪問性、設計標準及 UX 最佳實踐。

frontend-design-review

評估、審核並構建具有高品質設計、符合無障礙標準及設計系統規範的生產級前端介面。

ui-design-review

基於 Gemini 的 UI 設計審核、無障礙審計與設計系統驗證工具，專為軟體代理設計。

ux-audit-walkthrough

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

landing-page-conversion-audit

對登陸頁面進行結構化的 8 要素轉化率優化 (CRO) 審計，識別轉化阻礙並提供增長建議。

ui

產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考，確保開發品質。

frontend-accessibility-best-practices

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

testability-scoring

基於 10 項核心原則的 AI 網頁測試能力評估工具。結合 Playwright 與 Vibium 自動化分析可觀測性、可控性與穩定性，協助工程團隊診斷測試瓶頸並優化軟體測試準備度。

screen-reader-testing

使用螢幕閱讀器（如 VoiceOver、NVDA 和 JAWS）測試 Web 應用程式。驗證無障礙兼容性、除錯輔助技術問題，並確保符合螢幕閱讀器的支援標準。

design-review

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