·web-performance
</>

web-performance

Optimización del rendimiento web y frontend. Úselo cuando el usuario solicite "optimizar el rendimiento", "mejorar el tiempo de carga", "carga diferida", "división de código", "tamaño del paquete", "Core Web Vitals", "optimización de imágenes", "minificación de CSS/JS", "estrategias de almacenamiento en caché", "perfiles de rendimiento" o menciona métricas de rendimiento web y experiencia del usuario.

5Instalaciones·0Tendencia·@1mangesh1

Instalación

$npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance

Cómo instalar web-performance

Instala rápidamente el skill de IA web-performance en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: 1mangesh1/dev-skills-collection.

SKILL.md

Ver original

Strategies and techniques for optimizing web application performance and user experience.

| First Contentful Paint (FCP) | < 1.8s | Chrome DevTools | | Largest Contentful Paint (LCP) | < 2.5s | Lighthouse | | Time to Interactive (TTI) | < 3.8s | WebPageTest | | Total Blocking Time (TBT) | < 150ms | Lighthouse |

Optimización del rendimiento web y frontend. Úselo cuando el usuario solicite "optimizar el rendimiento", "mejorar el tiempo de carga", "carga diferida", "división de código", "tamaño del paquete", "Core Web Vitals", "optimización de imágenes", "minificación de CSS/JS", "estrategias de almacenamiento en caché", "perfiles de rendimiento" o menciona métricas de rendimiento web y experiencia del usuario. Fuente: 1mangesh1/dev-skills-collection.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-11

Browse more skills from 1mangesh1/dev-skills-collection

Respuestas rápidas

¿Qué es web-performance?

Optimización del rendimiento web y frontend. Úselo cuando el usuario solicite "optimizar el rendimiento", "mejorar el tiempo de carga", "carga diferida", "división de código", "tamaño del paquete", "Core Web Vitals", "optimización de imágenes", "minificación de CSS/JS", "estrategias de almacenamiento en caché", "perfiles de rendimiento" o menciona métricas de rendimiento web y experiencia del usuario. Fuente: 1mangesh1/dev-skills-collection.

¿Cómo instalo web-performance?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/1mangesh1/dev-skills-collection