Agent Skills Hub

ui-styling

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

maps

為開發者提供的互動式地圖網頁應用程式構建指南，涵蓋 MapLibre GL JS 設定、地理定位 API 及自訂圖磚來源。

screenshots

使用 Playwright 自動為網頁應用程式生成高品質、HiDPI 的行銷截圖。

visual-design-foundations

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

ux-designer

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

mobile-app-ux

行動應用程式 UX/UI 設計指南，涵蓋觸控友善介面、導航模式、手勢操作及小螢幕介面最佳化。

ui-design

一個專門用於生成單文件 HTML 使用者介面的工具，內建 Tailwind CSS，非常適合快速原型製作、UI 探索和設計靈感參考。

mobile-android-design

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

tailwind-config

管理 monorepo 中的 Tailwind CSS 設定、自訂設計標記、主題與設計系統工具。

react-email

使用 React 元件構建並發送響應式 HTML 電子郵件模板。提供視覺化編輯器、渲染引擎，並與各大電子郵件客戶端兼容。

react-native-design

精通 React Native 樣式、導航與 Reanimated 動畫。構建高性能、跨平台的原生體驗行動應用程式。

frontend-design

構建具有獨特風格、生產級品質的前端介面與網頁元件，強調高美學品質，並避免通用的人工智慧設計模式。