Agent Skills Hub

components-build

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

livewire-development

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

design-system-patterns

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

svelte-runes

Svelte 5 Runes 專業指南：涵蓋反應式狀態 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及遷移策略。協助開發者避免常見反應式設計錯誤。

core-principles

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

frontend

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

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

javascript-typescript

專為現代 Web 應用程式設計的進階 TypeScript 與 React 開發助手。精通元件架構、狀態管理、Vitest 單元測試、Playwright 端對端自動化以及高效的 TypeScript 配置。

nextjs-app-router

Next.js 13+ App Router 開發專家，支援 Server Components、巢狀佈局、Suspense 串流傳輸以及進階數據獲取模式的應用開發。

frontend-app-design

構建獨特、高品質的 React Native Expo 介面，運用液態玻璃設計與 iOS 人機介面準則，打造工業級行動應用。

airiot-frontend

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

angular-forms

使用實驗性的 Angular v21+ Signal Forms API 構建反應式且型別安全的表單。支援自動雙向綁定、基於結構的驗證以及細粒度的欄位狀態管理。