Was macht mood-board-skill?
Ein Bild hochladen. Ein shoppbares Moodboard erhalten. Ein Claude Skill, der ein Produktbild oder eine Textbeschreibung in ein stilvolles HTML-Moodboard mit echten Produktkarten, Preisen und Kauf-Links verwandelt. Basierend auf der Zyte-API für Websuche und Produktdatenextraktion.
Funktionsweise
- Bild oder Text eingeben: Lade ein Produktbild hoch oder beschreibe deine gewünschte Stimmung/Idee als Text.
- Bildanalyse (optional): Der Skill analysiert das Bild auf Farben, Stile und visuelle Merkmale.
- Web-Suche: Über die Zyte-API werden passende Produkte aus dem Web gesucht.
- Daten-Extraktion: Für jedes gefundene Produkt werden Preis, Bild-URL, Produktname und Kauf-Link extrahiert.
- Moodboard-Generierung: Ein responsives HTML-Moodboard wird automatisch erstellt und ausgegeben.
Voraussetzungen
- Ein gültiger Zyte-API-Key (
ZYTE_API_KEY) - Claude (oder ein kompatibler AI-Agent)
Umgebungsvariablen
| Variable | Beschreibung |
|---|---|
ZYTE_API_KEY | Dein API-Key für die Zyte-Plattform (erforderlich) |
Verwendung
- Füge den Skill deinem Claude-Projekt hinzu (als
~/.claude/skills/oder im Projektverzeichnis). - Setze die Umgebungsvariable:
export ZYTE_API_KEY=dein_api_schluessel - Starte den Skill: Lade ein Produktbild hoch oder gib eine Textbeschreibung ein, z. B.:
- "Erstelle ein Moodboard für eine minimalistische Wohnzimmer-Einrichtung mit diesem Bild"
- "Zeige mir 5 ähnliche Produkte zu diesem Kleid als Moodboard"
Beispiel-Ausgabe
Das generierte HTML-Moodboard enthält:
- Ein Grid-Layout mit Produktkarten
- Für jedes Produkt: Name, Preis, Bild, Kauf-Link
- Responsive Design (funktioniert auf Desktop und Mobilgeräten)
- Hover-Effekte und moderne Karten-UI
Hinweise
- Die Qualität der Ergebnisse hängt von der Bildqualität und der Klarheit deiner Beschreibung ab.
- Der Skill benötigt eine aktive Internetverbindung für die Zyte-API.
- Produkte werden aus öffentlich zugänglichen Web-Quellen extrahiert.
Lizenz
MIT License
Autor
NehaSetia-DA