GitHub
atom-state
Implement reactive state management with Effect Atom for React applications
☆ 13View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
react-developer
Expert knowledge in React development, hooks, state management, and modern React patterns
☆ 13View skill
GitHub
frontend-expert
Frontend UI/UX design and implementation for HTML/CSS/JS including semantic structure, responsive layout, accessibility compliance, and visual design direction. Use for building or reviewing web pages/component...
☆ 13View skill
GitHub
tailwindcss-debugging
Tailwind CSS debugging and troubleshooting guide for common issues and solutions
☆ 13View skill
GitHub
react-fundamentals-19
Complete React 19 fundamentals system. PROACTIVELY activate for: (1) React 19 new features and changes, (2) Server vs Client Components, (3) Server Actions setup, (4) use() hook usage, (5) JSX and component bas...
☆ 13View skill
GitHub
nextjs-middleware
Complete Next.js Middleware system (Next.js 15.5/16). PROACTIVELY activate for: (1) Creating middleware.ts (Edge) or proxy.ts (Node.js), (2) Matcher configuration, (3) Authentication protection, (4) Role-based...
☆ 13View skill
GitHub
tailwindcss-fundamentals-v4
Tailwind CSS v4 fundamentals covering installation, CSS-first configuration, design systems, and 2025/2026 best practices
☆ 13View skill
GitHub
react-typescript
Complete React TypeScript system. PROACTIVELY activate for: (1) Component props typing, (2) Event handler types, (3) Hooks with TypeScript, (4) Generic components, (5) forwardRef typing, (6) Context with type s...
☆ 13View skill
GitHub
tailwindcss-plugins
Tailwind CSS plugins including official plugins and custom plugin development
☆ 13View skill
GitHub
react-forms
Complete React forms system. PROACTIVELY activate for: (1) Controlled form patterns, (2) React Hook Form setup and validation, (3) Zod schema validation, (4) Dynamic fields with useFieldArray, (5) Server Action...
☆ 13View skill
GitHub
nextjs-app-router
Complete Next.js App Router fundamentals system (Next.js 15.5/16). PROACTIVELY activate for: (1) App directory structure and conventions, (2) Layouts and templates, (3) Loading and error boundaries, (4) Route g...
☆ 13View skill
GitHub
tailwindcss-animations
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
☆ 13View skill
GitHub
nextjs-modal-integration
Modal.com integration patterns for Next.js applications. PROACTIVELY activate for: (1) Next.js + Modal backend setup, (2) AI inference from Next.js (LLMs, image generation), (3) Video/audio processing backends,...
☆ 13View skill
GitHub
tailwindcss-advanced-components
Tailwind CSS advanced component patterns with CVA integration and variant management
☆ 13View skill
GitHub
tailwindcss-framework-integration
Tailwind CSS integration guide for React, Vue, Next.js, and other frameworks
☆ 13View skill
GitHub
tailwindcss-advanced-design-systems
Tailwind CSS advanced design systems with design tokens and @theme configuration
☆ 13View skill
GitHub
nextjs-server-actions
Complete Next.js Server Actions system (Next.js 15.5/16). PROACTIVELY activate for: (1) Defining Server Actions with 'use server', (2) Form handling with actions, (3) useActionState for form state, (4) useFormS...
☆ 13View skill
GitHub
tailwindcss-advanced-layouts
Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns
☆ 13View skill
GitHub
nextjs-caching
Complete Next.js caching system with 'use cache' directive (Next.js 16). PROACTIVELY activate for: (1) Understanding 4 caching layers (Request Memoization, Data Cache, Full Route Cache, Router Cache), (2) Cache...
☆ 13View skill
GitHub
react-testing
Complete React testing system. PROACTIVELY activate for: (1) Vitest/Jest setup and configuration, (2) React Testing Library patterns, (3) Component testing with userEvent, (4) Custom hook testing with renderHoo...
☆ 13View skill
GitHub
react-performance
Complete React performance optimization system. PROACTIVELY activate for: (1) React.memo and memoization, (2) useMemo and useCallback usage, (3) Code splitting with React.lazy, (4) List virtualization (react-wi...
☆ 13View skill
GitHub
nextjs-routing-advanced
Complete Next.js advanced routing system. PROACTIVELY activate for: (1) Dynamic routes with [slug], (2) Catch-all routes [...slug], (3) Route groups for organization, (4) Parallel routes with @slot, (5) Interce...
☆ 13View skill
GitHub
nextjs-authentication
Complete Next.js authentication system. PROACTIVELY activate for: (1) NextAuth.js (Auth.js) setup, (2) OAuth providers (GitHub, Google), (3) Credentials provider, (4) Session management (JWT/database), (5) Prot...
☆ 13View skill
GitHub
tailwindcss-responsive-darkmode
Tailwind CSS responsive design and dark mode implementation patterns for 2025/2026
☆ 13View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.