Agent Skills Hub

core-principles

React 19 單頁應用開發的架構治理與專案標準，確保技術堆疊整合、專案結構與代理執行規則的一致性。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。

shadcn-ui

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

generate-sdk-types

自動從 Rust 工具架構生成 TypeScript 型別定義，確保 MCP 專案中伺服器與客戶端之間的端到端型別安全。

airiot-frontend

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

pr-template

根據 Grey Haven Studio 標準生成專業的合併請求描述，包含清晰的摘要、動機、實作細節與測試策略。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼，包含輔助功能、響應式佈局及完善的狀態處理。

components-build

根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。

Development Tools

Multigres 專案開發工具：自動化執行單元測試、整合測試以及環境協調，適用於 Vitess-for-Postgres。

frontend-ui-animator

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

react-native

React Native 開發最佳實踐，適用於 Expo 與原生專案。涵蓋專案結構、路由導航、NativeWind 樣式、平台特定代碼及 TypeScript 整合。

tooling-setup

為 React 19 專案提供的生產級開發環境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供嚴格的類型檢查、程式碼規範、格式化與測試基礎設施。