Agent Skills Hub

ui-design-system

專業 UI 設計系統工具包，涵蓋設計代幣生成、組件架構、響應式設計計算及開發人員交接文檔，確保視覺一致性。

design-excellence

一套設計系統與反模式指南，讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫，為 Toh Framework 提供專業的視覺品質。

design-md

分析 Stitch 專案並將語義化設計系統合成為 DESIGN.md 檔案，作為 AI 驅動 UI 生成的真實數據來源。

ui-design-review

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

svelte-testing

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

ux-designer

專注於 UX/UI 精細化的工程代理，用於識別錯誤、優化可用性，並確保工作流程應用程式介面的完美效能。

testing-frontend

自動化前端組件測試、使用者互動模擬、API 模擬，以及設置 Vitest、React Testing Library 與 Vue Test Utils。

draw-io

專門用於建立、編輯和維護 .drawio 流程圖的技能。支援 XML 操作、排版優化、AWS 圖示整合，以及文件自動化 PNG 轉換。

creating-mermaid-diagrams

生成相容於 GitHub 的 Mermaid 圖表，包含經測試的配色方案、本地 SVG/PNG 預覽以及基於 Gist 的渲染預覽。

design-references

提供 UI 審閱的預定義設計系統參考，涵蓋 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。

aesthetic

運用系統化設計原則、AI 評估與自動化靈感分析，打造美觀的用戶介面。

swift-ui

適用於原生 iOS 與 macOS 開發的 SwiftUI 架構與實作模式，專注於狀態管理、視圖組合與數據持久化。