Agent skill · software engineering · affaan-m
frontend-patterns
Patrones de desarrollo frontend para React, Next.js, gestión de estado, optimización de rendimiento y buenas prácticas de UI.
Why this skill is useful
Provides specific patterns and best practices for React and Next.js development that the AI wouldn't reliably generate on its own.
What it needs
About 7k tokens when loaded. Last updated 2026-08-06. 238,342 stars on the source repository.
What this skill does
Patrones de Desarrollo Frontend Patrones modernos de frontend para React, Next.js e interfaces de usuario de alto rendimiento. Cuándo Activar Construir componentes React (composición, props, renderizado) Gestionar estado (useState, useReducer, Zustand, Context) Implementar obtención de datos (SWR, React Query, server components) Optimizar rendimiento (memoización, virtualización, code splitting) Trabajar con formularios (validación, inputs controlados, esquemas Zod) Manejar routing y navegación del lado del cliente Construir patrones de UI accesibles y responsivos Patrones de Componentes Composición sobre Herencia Compound Components Patrón Render Props Patrones de Custom Hooks Hook de Gestión de Estado Hook de Obtención de Datos Asíncrona Hook de Debounce Patrones de Gestión de Estado Patrón Context + Reducer Optimización de Rendimiento Memoización Code Splitting y Carga Diferida Virtualización para Listas Largas Patrones de Manejo de Formularios Formulario Controlado con Validación Patrón Error Boundary Patrones de Animación Animaciones con Framer Motion Patrones de Accesibilidad Navegación por Teclado Gestión de Foco Recuerda: Los patrones modernos de frontend permiten interfaces de usuario mantenibles y de alto rendimiento. Elige los patrones que se ajusten a la complejidad de tu proyecto.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills affaan-m/frontend-patterns--475352