Agent Skills Hub

Frontend Components

Standardized configuration and management for Django production server and worker processes.

project-overview

Complete project architecture and structure guide for LobeHub. Use for codebase exploration, project organization, file location, and architectural context.

tanstack-query

Production-grade TanStack Query v5 patterns for async state management, including query key factories, data mutations, caching, and SSR configuration.

router-query-integration

Integrates TanStack Router with TanStack Query for optimal SPA performance, enabling efficient route loaders, query prefetching, and seamless navigation.

react-router-data-mode

Build React applications using React Router's data mode (createBrowserRouter/RouterProvider) for loaders, actions, fetchers, and optimistic UI without the Vite framework plugin.

nuxt

Nuxt framework disambiguation layer for optimizing project development, routing to the correct Nuxt pack, Vue guidance, or module-specific logic.

aesthetic

Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

security-review

A comprehensive security auditing and hardening assistant that applies best practices for authentication, input validation, secrets management, and SQL injection prevention to your codebase.

javascript-typescript

Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.

ui-ux-pro-max

A professional UI/UX design guide for web and mobile. Features 50+ styles, 99 UX guidelines, and 97 color palettes. Supports multi-stack recommendations for React, Vue, Next.js, and more.

react-typescript

Production-grade React 19 and TypeScript patterns featuring hooks, state management, TanStack Query, form validation with Zod, and performance optimization workflows.