← ClaudeAtlas

imageslisted

Bilder für ein Projekt beschaffen, optimieren und farblich abstimmen. TRIGGER bei "Bilder suchen", "brauche Fotos", "Bilder optimieren", "Placeholder generieren", oder proaktiv wenn ein neues Frontend-Projekt Bilder braucht.
herbeckrobin/claude-blueprint · ★ 0 · AI & Automation · score 60
Install: claude install-skill herbeckrobin/claude-blueprint
# Bilder-Pipeline Beschaffe, optimiere und integriere Bilder für das aktuelle Projekt. ## 1. Bedarf analysieren - Welche Bilder braucht das Projekt? (Hero, Gallery, Cards, OG-Images) - Welche Stimmung/Branche? (siehe images.md Rule, Branchen-Suchbegriffe) - Welches Farbsystem hat das Projekt? (CSS Custom Properties / Tailwind Config lesen) - Welche Größen werden benötigt? (Fullwidth 2400px, Grid 1200px, Thumbnails 600px) ## 2. Bilder beschaffen ### Option A: Thumbnail-Vorschau mit Claude Code (empfohlen, kostenlos) Bilder VOR dem Download visuell bewerten. Spart 90% Ausschuss. **Schritt 1, Script ausführen lassen (Robin den Befehl vorschlagen):** ```bash bun run .claude/scripts/find-images.ts \ --query "[suchbegriffe]" \ --color "#[hex-farbe-aus-design-system]" \ --orientation landscape ``` Das Script: - Sucht über Pexels (Hex-Farbfilter) + Unsplash (Keyword-Filter) - Lädt nur winzige Thumbnails (~20-50 KB) nach `/tmp/image-search/` - Erstellt `index.json` mit allen Download-URLs **Schritt 2, Thumbnails visuell bewerten:** - Alle Thumbnails aus `/tmp/image-search/` mit dem Read-Tool lesen - Jedes Bild bewerten: Passt Stil, Farbe, Stimmung zum Projekt? - Die besten 3-5 Bilder identifizieren und Robin die Auswahl präsentieren **Schritt 3, Beste Bilder herunterladen:** - `index.json` lesen für die Download-URLs der ausgewählten Bilder - Nur die ausgewählten Bilder in voller Auflösung nach `raw-images/` herunterladen: ```bash curl -sL "[downloadUrl]" -o raw-im