·image-optimization
</>

image-optimization

yonatangross/orchestkit

Optimización de imágenes con Next.js 15 Image, formatos AVIF/WebP, marcadores de posición borrosos, tamaños responsivos y cargadores CDN. Úselo para mejorar el rendimiento de la imagen, el tamaño responsivo o los canales de imágenes de Next.js.

17Instalaciones·0Tendencia·@yonatangross

Instalación

$npx skills add https://github.com/yonatangross/orchestkit --skill image-optimization

SKILL.md

| Optimization | LCP Impact | CLS Impact | Bandwidth |

| AVIF format | -20-30% load | None | -50% size | | Responsive sizes | -30-50% load | None | -40% size | | Blur placeholder | Perceived faster | Prevents shift | +1kb | | Priority loading | -500ms+ | None | None | | Lazy loading | None (below fold) | None | Deferred |

| No width/height | CLS from layout shift | Always set dimensions | | Eager load all | Slow initial load | Use lazy loading | | No priority on LCP | Slow LCP | Add priority prop | | PNG for photos | Large file size | Use AVIF/WebP | | Single image size | Wasted bandwidth | Use responsive sizes |

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/yonatangross/orchestkit --skill image-optimization
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es image-optimization?

Optimización de imágenes con Next.js 15 Image, formatos AVIF/WebP, marcadores de posición borrosos, tamaños responsivos y cargadores CDN. Úselo para mejorar el rendimiento de la imagen, el tamaño responsivo o los canales de imágenes de Next.js. Fuente: yonatangross/orchestkit.

¿Cómo instalo image-optimization?

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/yonatangross/orchestkit --skill image-optimization 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/yonatangross/orchestkit