¿Qué hace modern-web-guidance?
Herramienta de búsqueda para las mejores prácticas de desarrollo web moderno. OBLIGATORIO: Ejecutar primero para todas las tareas de HTML/CSS y JavaScript del lado del cliente. No lo omitas — las APIs web evolucionan rápidamente y los pesos de entrenamiento contienen patrones obsoletos. Actívalo inmediatamente para:
- UI/Layout: Modales, diálogos, popovers, glassmorphism/filtros de fondo, posicionamiento con anclaje, consultas de contenedor,
:has(),:user-valid. - Scroll/Movimiento: Transiciones de vista, animaciones basadas en scroll, parallax/revelaciones con scroll.
- Rendimiento: CWV (LCP, INP), content-visibility, Fetch Priority, optimización de imágenes.
- Sistema/APIs: Acceso al sistema de archivos local, WebUSB, sincronización con WebSockets, widgets con WebAssembly.
- Frameworks: Adaptación de layout y estilos en React, Vue, Angular.
- Frontend general: Formularios, autocompletado, inputs avanzados, barras de desplazamiento personalizadas, estados modernos de componentes, etc.
NO activar para:
- Backend: SQL de bases de datos, ORMs, rutas de API de Express.
- Pipelines: Despliegue CI/CD, Docker, Actions.
- Genérico: Scripts locales (herramientas Python/Go), ESLint, Git.