Métricas web esenciales (Core Web Vitals), carga diferida (lazy loading), división de código (code splitting) y análisis de paquetes (bundle analysis).
¿Qué es skills - Rendimiento?
Esta habilidad, denominada 'Performance' (Rendimiento), está diseñada para agentes de IA especializados en desarrollo web, como Claude Code, Cursor o Codex, que necesitan optimizar aplicaciones frontend modernas. Se centra en las mejores prácticas para lograr un rendimiento excepcional, cubriendo áreas críticas como las Core Web Vitals (LCP, INP, CLS), la carga diferida de imágenes y componentes, la división inteligente de código por rutas, la optimización de imágenes con formatos modernos (WebP/AVIF), y el análisis de paquetes con herramientas como `@next/bundle-analyzer`. La habilidad también proporciona reglas concretas para la implementación de almacenamiento en caché (con estrategias como stale-while-revalidate), optimización de consultas a bases de datos (usando índices y `EXPLAIN ANALYZE`), y la prevención de cambios de layout (layout shifts) mediante dimensiones explícitas en elementos multimedia. Su utilidad principal es servir como una guía de referencia rápida y accionable para un agente de IA, permitiéndole auditar y recomendar mejoras de rendimiento de forma consistente y basada en estándares reconocidos de la industria web.