Agent Skills Hub

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。

nextjs-app-router

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

npm

自動化處理非互動式 npm 套件安裝，透過傳送指令確認來繞過提示。

core-components

核心元件庫與設計系統模式，透過設計權杖 (design tokens) 確保 UI 開發的一致性。

review-react-best-practices

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

tooling-setup

為 React 19 專案提供的生產級開發環境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供嚴格的類型檢查、程式碼規範、格式化與測試基礎設施。

pinia

Pinia 官方 Vue 狀態管理技能。提供關於 Store 定義、響應式處理、型別安全及 Store 間通訊的專業指導。

summon

Summon 框架專家：協助 Kotlin Multiplatform UI 開發，提供類型安全的修飾符、狀態管理、路由與 SSR，適用於網頁與 JVM 應用程式。

start

啟動自動化逆向工程，探索程式碼庫架構、層級與技術堆疊，以利於系統現代化或文件編撰。

image-generation

使用結構化 JSON 提示詞與自動化 Python 腳本生成高品質的圖像、角色與場景，支援參考圖像以進行精確的視覺創作。

upstash-workflow-js

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

typescript

LobeHub 的 TypeScript 開發標準，涵蓋型別安全、非同步模式、導入規範、UI 組件集成以及效能優化準則。