Agent Skills Hub

swift-ui

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

ui-styling

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

frontend-ui-animator

為 Next.js、Tailwind CSS 和 React 應用程式分析並實作實用且具目的性的 UI 動畫，重點在於使用者體驗、效能與無障礙設計。

web-frameworks

全端網頁開發套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 單體庫管理及 RemixIcon 圖示庫。專為現代 React 開發、高效能構建與可擴展架構設計。

common

HealthSim 跨產品數據持久化、SSN 實體關聯及 DuckDB 資料庫操作的基礎設施。

testing-frontend

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

swiftui-performance-audit

審計並優化 SwiftUI 執行階段效能。透過程式碼審查、架構分析與 Instruments 設定檔指導，診斷渲染遲緩、滾動卡頓、高資源消耗及版面配置抖動等問題。

docs-voice

強制執行 React 文件編寫的專業語氣、風格與技術準則，確保 Learn、Reference 與 Blog 頁面內容的一致性。

server-actions

Next.js Server Actions 專家技能，涵蓋 App Router 中的表單處理、資料變更、重新驗證以及樂觀 UI 更新。

livewire-development

開發反應式 Livewire 4 組件，處理 wire 指令、狀態管理、即時更新、組件測試，並整合 Flux UI 以構建高效能 Laravel 應用程式。

core-components

核心元件庫與設計系統模式，透過設計權杖 (design tokens) 確保 UI 開發的一致性。

flowgram.ai

FlowGram.ai 自定義節點開發指南，支援簡單節點自動表單與複雜節點自定義 UI 開發。