Agent Skills Hub

implementation

結構化、模板驅動的端到端功能開發工作流，包含編碼、自動化測試、驗證及基於會話的持續改進。

subagents-orchestration-guide

協調多代理軟體開發工作流程，管理任務分解、需求分析及複雜軟體專案的品質保證。

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

springboot-patterns

Java Spring Boot 後端架構指導與模式實作，涵蓋 REST API 設計、JPA、快取、非同步處理及日誌記錄。

typescript

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

create-mcp-app

為 Claude Desktop 等 MCP 主機建立互動式應用程式。提供 React、原生 JS 及多種框架模板，協助您開發整合 MCP 工具與自訂 UI 的應用程式。

chrome-devtools-mcp

Chrome DevTools MCP 伺服器，透過 Puppeteer 實現 AI 驅動的瀏覽器自動化、測試與除錯。支援輸入自動化、視覺截圖、效能追蹤與網路偵測。

modern-best-practice-nextjs

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

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

api-spec-analyzer

分析 OpenAPI 規範以產生 TypeScript 介面、API 服務模式及實作指南，協助前端開發人員進行後端整合。

project-development

一套管理 LLM 專案生命週期的框架，涵蓋評估任務模型契合度、架構設計、結構化輸出解析及代理輔助開發流程。

create-auth-skill

使用 Better Auth 在 TypeScript/JavaScript 應用程式中構建與實作身份驗證。自動偵測框架、配置資料庫介面卡、設定路由處理常式、加入 OAuth 提供者並建立 UI 頁面。