Agent Skills Hub

Advanced Modular Library Design

使用 HexDI 原則設計模組化 TypeScript 函式庫：實現編譯時依賴驗證、功能優先組織與清晰的 API 邊界。

cross-plugin-detective

代理角色偵探技能標準化集成。將代理映射至代碼分析技能，並強制執行 claudemem 以實現索引內存代碼調查。

review-react-best-practices

為 React 和 Next.js 應用程式執行自動化、基於規則的效能與可靠性審核，涵蓋套件大小、瀑布式請求、渲染與資料擷取等面向。

app-builder

全端應用程式建構編排器，分析自然語言需求以決定技術堆疊、建立專案架構並協調各領域專業代理人。

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

semantic-compression

積極精簡輸入內容中的語法結構與冗餘文字，在保留核心語義的同時優化 LLM 的 Token 使用效率。

react-router-data-mode

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

trigger-dev-tasks

專注於 Trigger.dev 背景任務與 AI 工作流的專家助手，協助開發、設計與優化高可靠性的非同步 TypeScript 任務架構。

frontend

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

project-overview

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

trigger-setup

初始化並設定您的 Trigger.dev 專案。適用於安裝 SDK、建立設定檔、初始化專案目錄以及編寫第一個後台任務。

frontend-ui-animator

為 Next.js、Tailwind CSS 和 React 應用程式分析並實作實用且具目的性的 UI 動畫，重點在於使用者體驗、效能與無障礙設計。