Agent Skills Hub

router-query-integration

整合 TanStack Router 與 TanStack Query 以提升單頁應用 (SPA) 效能，實現路由預載入、查詢預擷取與流暢的導航體驗。

react-native-best-practices

React Native 效能最佳化指南，涵蓋 FPS、TTI、Bundle 大小、記憶體洩漏與分析模式，基於 Callstack 的專業最佳實踐。

web-frameworks

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

frontend-design

構建具有獨特風格、生產級品質的前端介面與網頁元件，強調高美學品質，並避免通用的人工智慧設計模式。

chatkit-frontend

使用 OpenAI ChatKit React 組件實現生產就緒的 AI 聊天介面。功能包含 hook 配置、流式傳輸、主題自定義、對話歷史與 Next.js 應用程式的自定義工具整合。

vercel-react-native-skills

React Native 和 Expo 效能優化最佳實踐。涵蓋列表虛擬化、Reanimated 動畫、UI 模式以及原生平台 API 優化。

designer

React 與 Next.js 專家級 UI/UX 設計助手。提供視覺審核、設計系統架構，以及 Tailwind CSS 與 shadcn/ui 的實作指導，協助打造專業級 Web 應用程式。

nextjs-app-router

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

elegant-design

使用 React、Next.js 與 shadcn/ui 等現代設計系統，建構專業、易於使用且具響應式的介面。專注於開發者工具、聊天介面及即時串流組件。

tanstack-router

TanStack Router 設定、檔案系統路由與 React 應用程式的型別安全導航。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 構建、審核並迭代高轉化率著陸頁。專注於轉換率優化 (CRO)、首屏結構以及使用 Iconify 圖標的高品質介面設計。

task-search

透過高性能、具備防手震功能的搜尋引擎加速任務檢索。支援多標記 AND 邏輯、相關性排序，並能即時標示任務標題、說明與標籤中的匹配文字。