Agent Skills Hub

react-router-data-mode

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

tanstack-router

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

performance-security

優化 React 效能、實施安全性加固，並透過自動化模式與檢查清單確保符合 WCAG 無障礙規範。

upstash-workflow-js

使用 Upstash Workflow SDK 構建持久且可靠的無伺服器工作流。定義端點、管理複雜的執行步驟，並與 QStash 整合以實現自動重試和狀態管理。

react-native-best-practices

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

roier-seo

AI 技術 SEO 稽核工具，執行 Lighthouse/PageSpeed 評測並自動修復網站效能、無障礙網頁與結構化資料等程式碼問題。

shopify-app-dev

Shopify 應用程式開發專家指南，涵蓋 Shopify CLI 設定、Remix 框架架構、OAuth 流程、應用程式擴充套件，以及部署至 Cloudflare Workers 等平台的專業知識。

htmx-rust

使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式，無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。

nuxt

Nuxt 框架決策輔助層，用於優化專案開發，引導至正確的 Nuxt 套件、Vue 指南或模組特定邏輯。

modern-best-practice-nextjs

使用 Next.js App Router、伺服器組件、Server Actions 及現代 React 最佳實踐來構建高效能應用程式。

static-site-generation

用於管理靜態網站生成器 (SSG) 專案的框架，涵蓋 Astro、建置優化、GitHub Pages 部署模式以及型別安全的內容集合架構。

react-vite-best-practices

React 與 Vite 效能最佳化指南。適用於編寫、審查或優化基於 Vite 構建的 React 元件。