Agent Skills Hub

Frontend Components

為 Django 生產環境伺服器與工作程序提供標準化配置與管理。

project-overview

LobeHub 專案架構與結構指南。用於探索程式碼庫、理解專案組織、查找檔案及獲取架構背景資訊。

tanstack-query

TanStack Query v5 專業狀態管理模式，涵蓋查詢鍵工廠、資料變異、快取策略及 SSR 配置，適用於各類伺服器狀態管理任務。

router-query-integration

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

react-router-data-mode

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

nuxt

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

aesthetic

運用系統化設計原則、AI 評估與自動化靈感分析，打造美觀的用戶介面。

interaction-design

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

security-review

一套全面的安全審計與強化助手，專注於身份驗證、輸入驗證、密鑰管理及 SQL 注入防護，確保程式碼遵循安全最佳實踐。

javascript-typescript

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

ui-ux-pro-max

適用於網頁與行動裝置的專業 UI/UX 設計指南。包含 50 多種風格、99 項 UX 指引及 97 種配色方案。支援 React、Vue、Next.js 等多種技術堆疊的設計建議。

react-typescript

包含 React 19 與 TypeScript 的生產級開發模式，涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。