Agent Skills Hub

nextjs-app-router

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

react-native-design

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

react-native

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

vercel-composition-patterns

用於構建可擴展 React 代碼庫的組合模式。適用於重構複雜組件、構建靈活的組件庫，以及應用複合組件模式或 React 19 架構變更。

tailwindcss

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

interaction-design

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

design-system-patterns

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

rivetkit-client-react

RivetKit 官方 React 客戶端。提供 useActor 和 createRivetKit 等 Hook，協助開發連接 Rivet Actor 的即時 React 應用程式。

kirby-forms-and-frontend-actions

為 Kirby CMS 實作前端表單與動作，包含聯絡表單、檔案上傳、郵件處理以及從前端建立頁面等功能。

music-theory-visual-design

Harmonic Orbit 音樂理論應用程式的視覺設計與 UI 樣式指南，涵蓋字體、配色系統、間距、動畫及無障礙設計標準。

react-expert

使用權威原始碼、測試和儲存庫歷史記錄來研究 React API、模式和概念。

threejs-builder

使用現代 ES 模組構建高性能 Three.js 網頁場景。涵蓋場景圖設置、燈光、幾何體、GLTF/GLB 模型載入、動畫循環以及效能優化最佳實踐。