Agent Skills Hub

react-state-management

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

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.

web-artifacts-builder

A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.

design-system-patterns

Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.

react

React component development guide for LobeHub, including styling with antd-style, layout building with @lobehub/ui, and routing management.

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.

chatkit-frontend

Implement production-ready AI chat interfaces using OpenAI ChatKit React components. Features include hook configuration, streaming, theming, conversation history, and custom tool integration for Next.js applications.

shipany

Official documentation skill for Shipany, an AI-powered SaaS boilerplate. Provides expert guidance on Next.js 15, Drizzle ORM, NextAuth, and payment integrations.

vue-typescript

Specialized skill for building Vue 3 applications with TypeScript, covering Composition API, Pinia state management, Vue Router, and custom composables.

dev

Development and maintenance of the PWAFire library: build PWA API modules, handle feature detection, manage testing, and contribute to codebase following strict sync/async patterns and error handling requirements.

dependency-upgrade

Manage major dependency upgrades through systematic compatibility analysis, staged rollout strategies, and automated testing.

vercel-react-native-skills

React Native and Expo best practices for performant mobile apps. Covers list virtualization, animations with Reanimated, UI patterns, and native platform API optimizations.