compress-images
von rameerezcompress-images automatisiert die Bildoptimierung für Web und SEO-Performance. Es verschiebt Quell-Dateien im Format JPG, PNG oder GIF in einen `originals/`-Ordner, konvertiert sie zu WebP, wiederholt die Komprimierung, bis die Dateien unter 100 KB liegen, und aktualisiert Inhaltsverweise für einen sichereren Batch-Workflow.
Dieses Skill erreicht 78/100 und lohnt sich für die Aufnahme: Es bietet Agenten einen klaren, umsetzbaren Workflow zur Bildkomprimierung mit definierter Auslösung, Standardpfad und reproduzierbarem Zielergebnis. Für Verzeichnisnutzer bedeutet das: Es sollte sich für echte Web-/SEO-Bildoptimierungsaufgaben leicht installieren und einsetzen lassen, auch wenn es kein vollständig verpacktes Toolset ist und einige Einführungsdetails unausgesprochen bleiben.
- Expliziter Auslöser und klarer Standardanwendungsfall: Bilder für Web-/SEO-Performance komprimieren, mit einem Standardzielverzeichnis, wenn kein Pfad angegeben wird.
- Der Ablauf ist konkret beschrieben: Originale in einem `originals/`-Ordner sichern, JPG/PNG/GIF in WebP konvertieren und so lange iterieren, bis die Dateien unter 100 KB liegen.
- Starker Nutzen für Agenten durch Anweisungen auf Command-Ebene und Code-Beispiele, wodurch weniger geraten werden muss als bei einem generischen Prompt.
- Es gibt keinen Installationsbefehl und keine Hilfsdateien; Nutzer müssen sich daher auf die Anweisungen in `SKILL.md` statt auf einen breiteren Paket-/Setup-Workflow stützen.
- Das Aktualisieren von Verweisen wird erwähnt, aber die Repository-Belege zeigen nur begrenzte Vorgaben und Praxisanleitungen. Daher können Sonderfälle und Formate von Inhaltsdateien manuelle Entscheidungen erfordern.
Überblick über die compress-images-Funktion
Was compress-images macht
Die compress-images-Funktion automatisiert die Bildoptimierung für den Webeinsatz: Sie nimmt ein Verzeichnis mit JPG-, PNG- oder GIF-Dateien, behält die Originale und gibt WebP-Versionen aus, die auf kleinere Dateigrößen und bessere Seitenperformance ausgelegt sind. Wenn Sie eine compress-images-Funktion brauchen, die einen groben Bildordner in SEO-taugliche Assets verwandelt, ohne jede Datei manuell nachzujustieren, ist sie genau für diesen Job gebaut.
Wann sich compress-images für diesen Workflow eignet
Nutzen Sie compress-images, wenn Sie Bilder für Content-Seiten, Landingpages oder Blogbeiträge verschlanken wollen, bei denen Ladezeit zählt. Besonders sinnvoll ist es, wenn der Zielordner bereits feststeht und Sie einen wiederholbaren Komprimierungslauf statt eines allgemeinen „Optimiere meine Bilder“-Prompts brauchen.
Was compress-images von anderen Ansätzen unterscheidet
Der entscheidende Unterschied ist die disziplinierte Repo-Workflows: Die Funktion legt Originale in einem Unterordner originals/ ab, schreibt WebP-Ausgaben daneben und arbeitet iterativ, bis die Dateien unter einem Größen-Ziel liegen. Dadurch eignet sich der compress-images-Leitfaden für produktive Content-Workflows und nicht nur für einmalige Konvertierungen.
So verwenden Sie die compress-images-Funktion
Installation und Aufruf
Verwenden Sie den Installationsablauf compress-images install mit dem CLI-Muster des Repos:
npx skills add rameerez/claude-code-startup-skills --skill compress-images
Rufen Sie die Funktion dann nach Möglichkeit mit einem Verzeichnisargument auf. Sie ist dafür ausgelegt, mit $ARGUMENTS zu arbeiten; wenn Sie keines angeben, wird standardmäßig app/assets/images/content/ verwendet.
Geben Sie die richtigen Eingabedaten
Das Muster compress-images usage funktioniert am besten, wenn Sie einen Ordner angeben, der nur die Bilder enthält, die verarbeitet werden sollen, und bei dem Referenzen gefahrlos angepasst werden können. Ein starkes Beispiel ist: compress-images ./content/posts/post-42/images. Eine schwache Eingabe wäre nur „komprimiere meine Bilder“, weil die Funktion einen konkreten Pfad und eine klare Scope-Grenze braucht.
Lesen Sie das Repo in der richtigen Reihenfolge
Beginnen Sie mit SKILL.md, weil dort der eigentliche Komprimierungsablauf und das Größen-Ziel beschrieben sind. Prüfen Sie danach die umgebenden Metadaten der Funktion und, falls vorhanden, verlinkte Repo-Dokumente. Bei diesem Repo liegen die wichtigsten Entscheidungspunkte in den Prozessregeln: Originale behalten, nach .webp konvertieren, iterativ komprimieren und Referenzen in den Content-Dateien aktualisieren.
Workflow-Tipps, die das Ergebnis beeinflussen
Setzen Sie die Funktion ein, wenn Sie einen sicheren Batch-Workflow brauchen: zuerst Originale beiseitelegen, dann komprimierte Assets erzeugen, anschließend nach der Prüfung die Referenzen aktualisieren. Um bessere Ergebnisse zu erzielen, teilen Sie dem Agenten mit, ob die Bildabmessungen unverändert bleiben sollen, ob kleine Dateien trotzdem konvertiert werden müssen und ob der Zielordner content-verwaltet oder code-verwaltet ist. Diese Angaben beeinflussen, wie aggressiv die Funktion komprimieren sollte und wie sorgfältig sie Referenzen umschreiben darf.
FAQ zur compress-images-Funktion
Ist compress-images nur für WebP-Konvertierung gedacht?
Nein. WebP-Konvertierung ist das wichtigste Ausgabeformat, aber der eigentliche Zweck der compress-images-Funktion ist es, die Bildgröße für schnellere Auslieferung zu reduzieren und gleichzeitig die Quelldateien zu bewahren. Wenn Ihr Stack an anderer Stelle weiterhin PNG oder JPG braucht, ist das möglicherweise nicht die beste Wahl.
Wann sollte ich diese Funktion nicht verwenden?
Verwenden Sie sie nicht, wenn Sie im Arbeitsverzeichnis eine pixelgenaue Archivierung brauchen, wenn der Ordner gemischte Medien enthält, die nicht in einem Batch verarbeitet werden sollten, oder wenn Sie noch nicht bereit sind, die Content-Referenzen nach der Konvertierung anzupassen. Die Funktion setzt einen bewussten Bildoptimierungsdurchlauf voraus, keine beiläufige Bearbeitung.
Ist sie anfängerfreundlich?
Ja, wenn Sie ein Zielverzeichnis benennen können und verstehen, dass die Originale nach originals/ verschoben werden. Sie ist stärker strukturiert als ein einfacher Prompt, was die sichere Nutzung erleichtert, aber Sie müssen trotzdem wissen, welche Dateien einbezogen werden sollen.
Worin unterscheidet sie sich von einem generischen Prompt?
Ein generischer Prompt kann Bilder komprimieren, aber compress-images gibt einen definierten Workflow vor: Zielordner, bewahrte Originale, iterative Komprimierung und aktualisierte Referenzen. Dadurch wird das Ergebnis für Image-Editing- und Website-Performance-Aufgaben deutlich besser vorhersehbar.
So verbessern Sie die compress-images-Funktion
Legen Sie die Erfolgsgrenze fest
Der wichtigste Hebel für die Qualität ist das Ziel, auf das der Agent optimieren soll. Diese Funktion arbeitet standardmäßig auf unter 100 KB pro Bild hin. Wenn Ihr Seitenlayout, die Anzahl der Bilder oder CMS-Vorgaben anders aussehen, sagen Sie das gleich zu Beginn. Ein stärkerer Prompt nennt den Ordner, die Dateitypen und ob die 100-KB-Grenze strikt oder nur ungefähr gelten soll.
Geben Sie Kontext zu Layout und Nutzung
compress-images funktioniert besser, wenn Sie mitteilen, wo die Bilder erscheinen und wie wichtig visuelle Treue ist. Bei Hero-Bildern, Produktfotos und Inline-Screenshots ist der richtige Kompromiss jeweils anders. Wenn Sie nur sagen „optimiere diese Bilder“, muss der Agent raten, ob er Details bewahren oder kleinere Dateien priorisieren soll.
Achten Sie auf typische Fehlerquellen
Die größten Risiken sind zu starke Komprimierung, Verarbeitung außerhalb des vorgesehenen Umfangs und kaputte Referenzen nach Änderungen der Dateiendungen. Um diese Risiken zu senken, lassen Sie sich Vorher-Nachher-Größen ausgeben, die in originals/ verschobenen Dateien auflisten und bestätigen, welche Referenzen aktualisiert wurden. So lässt sich der compress-images guide in einem Durchgang leichter prüfen.
Iterieren Sie mit einem klareren zweiten Durchlauf
Wenn die erste Ausgabe zu groß oder zu weich ist, verbessern Sie den Prompt, indem Sie die konkreten Dateien nennen, die das Ziel verfehlt haben, und den akzeptablen Kompromiss beschreiben. Zum Beispiel: „Führe nur die drei Hero-Bilder erneut aus; Text muss lesbar bleiben; priorisiere Größe nur dann über Qualität, wenn die Datei immer noch über 100 KB liegt.“ So bekommt die compress-images-Funktion genug Richtung, um das Ergebnis gezielt zu verfeinern, ohne alles blind erneut zu komprimieren.