Agent Skills Hub

implementation

Structured, template-driven workflow for end-to-end feature development including coding, automated testing, verification, and session-based improvement.

subagents-orchestration-guide

Orchestrates multi-agent development workflows, managing task decomposition, requirement analysis, and quality assurance for complex software projects.

react-state-management

Master modern React state management. Learn to implement Redux Toolkit, Zustand, Jotai, and React Query for global, server, and local state.

springboot-patterns

Architectural guidance and pattern implementation for Java Spring Boot backends, covering REST API design, JPA, caching, async processing, and logging.

typescript

TypeScript development standards for LobeHub, covering type safety, async patterns, import organization, UI component integration, and performance optimization.

create-mcp-app

Scaffold and build interactive MCP Apps with custom UIs for hosts like Claude Desktop. Supports React, Vanilla JS, and various framework templates for tool-resource integration.

chrome-devtools-mcp

Chrome DevTools MCP server for AI-driven browser automation, testing, and debugging via Puppeteer. Features input automation, visual snapshots, performance tracing, and network inspection.

modern-best-practice-nextjs

Build performant Next.js applications using App Router, Server Components, Server Actions, and modern React best practices.

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

api-spec-analyzer

Analyzes OpenAPI specifications to generate TypeScript interfaces, API service patterns, and implementation guidance for backend-integrated frontend development.

project-development

A framework for managing the end-to-end LLM project lifecycle, from evaluating task-model fit and pipeline architecture design to implementing structured output parsing and agent-assisted development.

create-auth-skill

Scaffold and implement authentication in TypeScript/JavaScript apps using Better Auth. Detects frameworks, configures database adapters, sets up route handlers, adds OAuth providers, and scaffolds UI pages.