Agent Skills Hub

Skill Create

自動化 Betty Framework 技能的建立過程，包括構建目錄結構、生成 YAML 清單檔案以及處理註冊表登記。

reactive-ui-patterns

用於遠端數據獲取的響應式 UI 模式，透過 .current 屬性實現流暢的原位更新、保持滾動位置並有效管理載入狀態。

core-components

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

wayfinder-development

使用 Wayfinder 函式庫管理 Inertia.js React 前端組件中型別安全的 Laravel 後端路由。

turborepo

適用於 JavaScript/TypeScript monorepo 的高效能構建系統。針對平行任務執行、遠端快取與依賴圖分析進行了最佳化。

airiot-frontend

官方 AIRIOT 開發套件，用於構建基於 React、TypeScript 與 shadcn/ui 的應用程式，並整合即時平台功能。

react-router-data-mode

使用 React Router 的資料模式 (data mode) 開發 React 應用程式，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。

shadcn-ui

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

frontend-design-review

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

mobile-ios-design

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

npm

自動化處理非互動式 npm 套件安裝，透過傳送指令確認來繞過提示。

project-guidelines-example

專案專屬的架構指南模板，提供生產級 AI 應用程式的標準化結構、代碼模式、測試要求及部署工作流程。