GitHub
write-component
Write React components following the Epic architecture patterns. Use when creating page components, UI components, or refactoring components to follow the three-layer architecture. Triggers on "create a compone...
Skills IA tools frontend
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools frontend
tools frontend Effacer les filtres
Explorer
GitHub
tailwind-shadcn
Styling conventions for Vite + React projects using Tailwind CSS and shadcn/ui. Use when creating, styling, or refactoring React components, pages, or UI elements. Enforces clean component hierarchy with shadcn...
GitHub
react-project-structure
File and folder organization conventions for React + Vite + shadcn/ui projects. Use when creating new components, organizing files, deciding folder structure, naming files/folders, or reviewing project organiza...
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
GitHub
shadcn
Building UI with shadcn/ui components for consistent, accessible interfaces. Use when creating forms, buttons, dialogs, tables, and other UI elements with React and Tailwind CSS.
GitHub
nextjs-v16
Advanced patterns for Next.js 16 including cache components, server components, and error handling. Use when building pages, implementing data fetching, setting up caching strategies, or handling errors in Next...
GitHub
effect
Effect TypeScript best practices. Use when implementing Effect features like services, layers, error handling, or patterns. Triggers on: Effect, service, layer, schema, error handling.
GitHub
tailwindcss
Learn how to use Tailwind CSS v4's advanced features like custom utilities and variants.
GitHub
react-router
Read this when working with React Router Specific Conventions; using file-based flat routes, testing with React Router's framework features.
GitHub
base-ui
This skills tells you how to access docs of Base UI. Base UI is a React component library focused on accessibility, performance, and developer experience.
GitHub
uxui-design
Practical UI/UX work within existing design systems. Use for styling, layout, states, accessibility, and design system compliance. Use when working on established products.
GitHub
datastar
Hypermedia framework for building reactive web applications with backend-driven UI. Use this skill for Datastar development patterns, SSE streaming, signal management, DOM morphing, and the "Datastar way" philo...
GitHub
tanstack-hook
Generates TanStack Query hooks following project patterns with useQuery. Creates hooks in src/hooks/ with typed return values. Use when creating data fetching logic.
GitHub
heroui-component
Scaffolds new HeroUI v3 React components using compound component patterns. Enforces named exports, onPress handlers, and direct imports from @heroui/react. Use when creating new UI components.
GitHub
route-generator
Adds new routes to TanStack Router in src/router.tsx. Creates route definitions following project patterns. Use when adding new pages or sections.
GitHub
react-compound-components
React compound components pattern (safe, minimal context, ergonomic API)
GitHub
react-clean-ui
Keep React UI components clean; move logic into hooks and services
GitHub
react-performance
React performance: memoization and virtualization guidelines
GitHub
shadcn-tailwind
Shadcn UI + Tailwind conventions (variants, reuse, dumb components)
GitHub
react-compound-components
React compound components pattern (safe, minimal context, ergonomic API)
GitHub
animation
Expert guidance for creating premium, performant animations in React using Motion (motion.dev). Covers all animation types, best practices, accessibility, and performance optimization.
GitHub
event-delegation
Guidelines for implementing the Event Delegation pattern in React to reduce prop drilling, improve performance, and handle dynamic or frequently changing content. Includes examples, best practices, common pitfa...
GitHub
context-pattern
Provides a React Context implementation pattern using useSyncExternalStore, with types, hooks, and examples. Be specific about capabilities and when to use the skill.
GitHub
form-implementation
Guidelines for implementing performant, accessible React forms using isolated field components, custom hooks, and server actions (`useActionState`/`useFormStatus`). Use for building FormData-friendly forms and...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.