·image-optimization
</>

image-optimization

yonatangross/orchestkit

Bildoptimierung mit Next.js 15 Image, AVIF/WebP-Formaten, Unschärfe-Platzhaltern, responsiven Größen und CDN-Loadern. Zur Verbesserung der Bildleistung, der reaktionsfähigen Größenanpassung oder der Next.js-Bildpipelines.

17Installationen·0Trend·@yonatangross

Installation

$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 |

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/yonatangross/orchestkit --skill image-optimization
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist image-optimization?

Bildoptimierung mit Next.js 15 Image, AVIF/WebP-Formaten, Unschärfe-Platzhaltern, responsiven Größen und CDN-Loadern. Zur Verbesserung der Bildleistung, der reaktionsfähigen Größenanpassung oder der Next.js-Bildpipelines. Quelle: yonatangross/orchestkit.

Wie installiere ich image-optimization?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/yonatangross/orchestkit --skill image-optimization Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/yonatangross/orchestkit