CommunityBildgithub.com

andreakeating1982/image-generation

Erstellen und Bearbeiten von Bildern: Poster, Social-Media-Grafiken, Thumbnails, Produktaufnahmen, Logos, Symbole, Illustrationen, Charaktere, UI-Mockups, Infografiken, Fotobearbeitungen und -umgestaltungen. Entscheidet zudem zwischen KI-Bild, Diagramm, Schaubild und gerendertem Layout.

Was ist image-generation?

Diese Skill ermöglicht die professionelle Bilderstellung und -bearbeitung für verschiedene Zwecke wie Werbung, Erklärung, Identifikation oder Dekoration. Sie hilft zunächst bei der Entscheidung, ob überhaupt ein KI-Bild erzeugt werden soll, oder ob stattdessen ein Python-Diagramm, ein gerendertes HTML-Layout, ein Mermaid-Diagramm oder eine echte Fotografie die richtige Lösung ist. Für die KI-Bilderstellung wird `media_generate_image` verwendet, für Bearbeitungen und Kombinationen mehrerer Bilder `media_generate_from_images`. Die Skill unterstützt gängige Plattformen wie Cursor, Codex und Claude Code und legt großen Wert auf eine durchdachte Prompt-Erstellung, die Konsistenz von Charakteren und Produkten, korrekte Textwiedergabe und die Vermeidung unnötiger Bildgenerierungen (jedes Bild kostet Credits). Sie enthält zudem Regeln für transparente Assets, die Überprüfung der Ergebnisse und die Art der Auslieferung als Markdown-Einbettung oder Dateianhang.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/andreakeating1982/Skills-didattiche-personalizzate/tree/HEAD/skills/image-generation

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Vorschau

Aus dem Skill-README

Kurzer Titel
Diagramm

Dokumentation

Bilderzeugung

Ein gutes Bild erfüllt seinen Zweck: es verkauft, erklärt, identifiziert oder dekoriert an seinem Einsatzort. Legen Sie den Zweck und den Weg fest, bevor Sie einen Prompt schreiben.

Den richtigen Weg wählen

Das Bild muss…Weg
Daten mit echten Achsen, Skalen oder Zahlen darstellenPython-Diagramm (siehe Skill data-analysis). Niemals ein KI-Bild
Exakte Fakten zeigen: Zeiten, Preise, Zeitpläne, Fahrpläne, Vergleichs- oder Spezifikationstabellen, ChecklistenHTML-Layout, das als PNG gerendert wird: references/static-layouts.md
Eine Struktur zeigen: Flussdiagramm, Sequenz, Organigramm, Architektur, MindmapMermaid, als PNG gerendert: references/static-layouts.md. Nur auf Wunsch anschließend eine KI-Version erstellen
Ein visuelles Asset sein: Poster, Anzeige, Social-Media-Beitrag, Thumbnail, Illustration, Produktaufnahme, Charakter, Logokonzept, Icon, UI-Mockup, Infografik mit wenigen KernfaktenKI-Bild: media_generate_image
Ein vorhandenes Bild ändern: Bearbeiten, umgestalten, Hintergrund tauschen, Objekte hinzufügen oder entfernen, Text übersetzen, Personen oder Produkte kombinieren, hochskalieren oder restaurierenKI-Bearbeitung: media_generate_from_images
Größe ändern, zuschneiden, konvertieren, komprimieren oder zusammenfügen ohne neue InhaltePillow oder ffmpeg in der Sandbox
Eine funktionierende Webseite, App oder ein Prototyp seinDie Software erstellen. Ein Bild ist das falsche Ergebnis

Für reale Personen, Orte, Produkte oder Ereignisse, die der Benutzer so sehen möchte, wie sie sind, suchen Sie echte Fotos mit dem search-Tool (Typ image). Generieren Sie diese nicht.

Werkzeuge

  • media_generate_image(prompt, orientation) erzeugt mit dem vom Benutzer gewählten Bildmodell (standardmäßig GPT Image, das Text gut darstellt). orientation ist square, landscape oder portrait.
  • media_generate_from_images(prompt, image_urls, orientation) bearbeitet oder kombiniert Bilder. image_urls akzeptiert URLs oder Sandbox-Pfade wie /home/user/uploads/photo.jpg. Übergeben Sie mehrere Bilder, um sie zu kombinieren ("die Person aus dem ersten Bild in die Szene des zweiten setzen").
  • Durch das Lesen dieser Skill werden die Medienwerkzeuge freigeschaltet. Falls sie noch fehlen, rufen Sie media_generate mit einer einzeiligen Kurzbeschreibung auf.
  • Jedes Bild verbraucht Bildguthaben des Benutzers. Wenn das Planlimit erreicht ist, sagen Sie dies und schlagen Sie ein Upgrade vor. Weichen Sie niemals darauf aus, das Bild mit Python zu zeichnen.

Briefing, dann Prompt

Klären Sie diese Punkte vor dem Prompt. Fragen Sie nur nach Dingen, die Sie nicht sinnvoll annehmen können (normalerweise genauer Text, Markenfarben oder Referenzfotos):

  • Zweck: Was das Bild erreichen muss und wo es platziert wird (Feed-Beitrag, Website-Hero, Druck, Folie, App-Store).
  • Format: Ausrichtung und sichere Bereiche (Text nicht zu nah am Rand, Platz für eine Überschrift).
  • Motiv: Die spezifische Person, das Produkt, die Szene oder das Konzept.
  • Stil: Fotografisch, Illustration, 3D, flaches Vektordesign, Markenstil oder passend zu einer Referenz.
  • Text: Die genauen Worte, organisiert als Überschrift, Untertitel, Beschriftungen und Handlungsaufforderung, oder "kein Text".
  • Unveränderlich: Identität, Produktform, Logo, Farben, alles außerhalb der Bearbeitung.

Prompt-Muster für neue Bilder, Bearbeitungen und jedes Szenario finden Sie in references/prompt-recipes.md. Lesen Sie diese für alles, was über ein einfaches Einzelbild hinausgeht.

Regeln

  • Text in Bildern. Setzen Sie die genauen Wörter in Anführungszeichen in den Prompt und lassen Sie sie vom Modell rendern. Beschränken Sie sich auf eine Überschrift und wenige kurze Zeilen. Erstellen Sie niemals einen leeren Hintergrund und schreiben Sie dann Text mit Python darüber. Für dichte, exakte Informationen verwenden Sie stattdessen den HTML-Layout-Weg.
  • Konsistenz. Für einen wiederkehrenden Charakter oder ein Produkt erstellen Sie ein Master-Bild und leiten Sie dann andere Posen und Szenen daraus mit media_generate_from_images ab.
  • Serien. Für Symbolpakete, Kartensets, Produktvarianten und Posterseiten erstellen Sie ein Bild pro Element mit demselben Stilsatz. Kombinieren Sie sie nicht zu einem Blatt, außer es wird ausdrücklich gewünscht.
  • Bearbeitungen lassen alles andere unverändert. Geben Sie genau an, was sich ändert und was gleich bleiben muss (Gesicht, Pose, Produkt, Hintergrund, Beleuchtung, Farben).
  • Transparente Assets. Die Werkzeuge liefern deckende Bilder. Generieren Sie auf einem einfarbigen, festen Hintergrund, der nicht im Motiv vorkommt, und entfernen Sie ihn dann: eine Farbschlüsselung mit Pillow für flache Grafiken, oder pip install rembg und rembg i in.png out.png für Fotos. Überprüfen Sie die Ränder.
  • Einmal leicht prüfen. Betrachten Sie das Ergebnis (file_view mit der Bild-URL funktioniert). Bestätigen Sie, dass die Anforderung erfüllt ist und der erforderliche Text, Namen und Zahlen korrekt sind.
  • Nie eigenständig ein Bild neu generieren. Jedes Bild kostet Guthaben. Wenn ein Ergebnis einen echten Fehler aufweist (ein falsch geschriebenes Wort, eine falsche Zahl, ein fehlendes Element), zeigen Sie es, sagen Sie in einem Satz, was falsch ist, und fragen Sie, ob eine korrigierte Version erstellt werden soll. Generieren Sie nur dann ohne Nachfrage neu, wenn der Benutzer Sie angewiesen hat, so lange zu korrigieren, bis es richtig ist. HTML-Layout-Renderings kosten nichts: Korrigieren Sie diese selbst.

Auslieferung

Zeigen Sie generierte Bilder in der Antwort als Markdown an: ![Kurzer Titel](url). Sandbox-Dateien (Renderings, bearbeitete Bilder) können auch per Pfad eingebettet werden: ![Diagramm](/home/user/out/diagramm.png). Liefern Sie endgültige Dateien, die der Benutzer behalten soll, mit send_attachment aus. Hören Sie nach der Auslieferung auf. Bieten Sie einen sinnvollen nächsten Schritt an, anstatt zusätzliche Varianten zu erstellen, die niemand verlangt hat.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills