Agent Skills Hub

tailwind-design-system

利用 Tailwind CSS v4 建構可擴展的設計系統，包含 CSS 優先配置、設計標記、元件變體與響應式模式。

frontend-design-review

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

tamagui-best-practices

Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。

icon-set-generator

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

tailwindcss

TailwindCSS v4 模式庫，提供基於 CSS 的配置、@theme 設計標記、@source 內容檢測，以及用於高效前端工作流的現代 CSS 工具。

visual-design-foundations

建立一致的視覺系統，包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範，以提升 UI 開發的一致性。

design-excellence

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

css-modules

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

ui-ux-pro-max

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

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。

react-ui-patterns

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

mobile-android-design

掌握 Material Design 3 與 Jetpack Compose 進行原生 Android 介面開發。利用 Google 最新標準構建響應式且無障礙的應用程式介面。