Agent Skills Hub

design-md

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

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。

react-native-design

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

interface-design

為實用型應用程式提供介面設計指引，專注於儀表板、管理面板與數據密集型介面，採用以組件庫為先的開發模式。

tailwindcss

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

mobile-ios-design

精通 iOS 人機介面準則 (HIG) 與 SwiftUI。提供原生 iOS 應用程式開發、介面設計、SwiftUI 元件實作與 Apple 平台設計原則的專業指導。

shadcn-ui

實作 shadcn/ui 元件：包含安裝、Vite/TanStack Router 設定、CLI 指令管理及 Tailwind CSS 整合。

design-system-patterns

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

mobile-android-design

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

ui-design-review

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

frontend

Preact 與 Tailwind 的前端編碼規範。適用於叢集應用程式的網頁 UI 元件開發。

nuxt-ui-v4

Nuxt UI v4 生產環境組件庫，包含 125+ 個可存取組件、Tailwind CSS v4、Reka UI，以及專為儀表板、AI 對話和編輯器設計的專業版面。