Compress Images

Iteratieve cwebp-loop die elke afbeelding onder een 100KB web/SEO-doelstelling plaatst

Door rameerez · rameerez/claude-code-startup-skills

Werkt met setup ★ 8.8/10

Compress Images — Iteratieve cwebp-loop die elke afbeelding onder een 100KB web/SEO-doelstelling plaatst

Wat het doet

Single-file bash skill (allowed-tools beperkt tot cwebp/ls/mkdir/mv) die bron JPG/PNG/GIF-bestanden naar een originals/ submap verplaatst, vervolgens herhaaldelijk de cwebp-kwaliteit en resize-dimensies verlaagt totdat elke uitvoer onder de 100KB is, rapportage van voor/na groottes en het bijwerken van bestandsverwijzingen. Trigger het bij het optimaliseren van afbeeldingen voor paginasnelheid, het verminderen van asset-gewicht, of het converteren naar WebP; het is stilzwijgend afhankelijk van de cwebp-binair die al op de machine staat, wat SKILL.md je nooit vertelt te installeren.

Testrapport

Echte A/B op een worst-case 3.1MB synthetische JPG met veel ruis: een naïeve single-pass `cwebp -q 80` (mijn baseline) liet het op 1.7MB staan, 17x boven het gestelde 100KB doel, terwijl het volgen van de skill's iteratieve kwaliteit+resize loop het daadwerkelijk naar 58KB bracht — maar cwebp moet al geïnstalleerd zijn (brew install webp), een stap die SKILL.md nooit vermeldt.

Getest op: 2026-07-15 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/rameerez/claude-code-startup-skills
cd claude-code-startup-skills
mkdir -p ~/.claude/skills
cp -r skills/compress-images ~/.claude/skills/compress-images

Commando's en voorbeeldprompts

  • /compress-imagesIteratieve cwebp-loop die elke afbeelding onder een 100KB web/SEO-doelstelling plaatst

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • compress these hero images down under 100kb for page speed
  • convert my product photos to webp and shrink them for the web
  • get all these image assets under our size budget without quality loss