Zur Nutzungsanleitung springen

Generate Image Skill.

Wähle eine konfigurierte OpenAI- oder Gemini-API, erzeuge ein Bild und speichere es als Projekt-Asset.

  • Bilderzeugung
  • Visuelle Assets
Quellenprüfung · Generate ImageSKILL.md
Aufgabe Bilderzeugung Ergebnis • Ein erzeugtes Bild, gespeichert in einem Asset-Verzeichnis des Projekts • Ein bekannter lokaler Ausgabepfad für die weitere Designarbeit • Eine klare Fehlermeldung des Anbieters, falls kein brauchbares Bild zurückkommt Vor dem Start Ein API-Schlüssel eines unterstützten Anbieters und Netzwerkzugang; Modellverfügbarkeit und Nutzungskosten müssen separat geprüft werden.
Redaktionelle Zusammenfassung · Quelle geprüft 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Visuelle Assets über eine gewählte Bild-API erzeugen

Ein kompakter Bilderzeugungs-Workflow für zwei Anbieter mit Zugangsdaten-Routing, Antwortdekodierung und Speicherung in Projektdateien.

Workflow auf QuellenbasisKein Ausführungs-Benchmark

Die Arbeitsweise

Generate Image übernimmt eine enge, aber nützliche Aufgabe: einen verfügbaren Bildanbieter wählen, das Briefing senden und das zurückgegebene Bild dort speichern, wo das Projekt es nutzen kann. Die geprüfte Version dokumentiert Anfrageformate für OpenAI und Google Gemini, einschließlich Base64-Bildantworten und Fehlerfällen der Anbieter. Es ist kein vollständiger Workflow für Art Direction oder Markensysteme.

Die Wahl des Anbieters richtet sich nach den konfigurierten Zugangsdaten; bei Bedarf entscheidet die Präferenz der Nutzenden. Das ist eine betriebliche Erleichterung, kein Beleg dafür, dass ein Modell für jede visuelle Aufgabe geeignet ist. Gib Komposition, Seitenverhältnis und Verwendungszweck des Assets ausdrücklich an und prüfe das gespeicherte Ergebnis, bevor du es als produktionsreif behandelst. Modellverfügbarkeit und Abrechnung der API liegen weiterhin beim Anbieter.

Erwartete Ergebnisse

  • Ein erzeugtes Bild, gespeichert in einem Asset-Verzeichnis des Projekts
  • Ein bekannter lokaler Ausgabepfad für die weitere Designarbeit
  • Eine klare Fehlermeldung des Anbieters, falls kein brauchbares Bild zurückkommt
Beispiel-Briefing ansehen

Vom Briefing zur Prüfung

  1. 01
    Anbieter wählen

    Prüfe, welcher unterstützte Anbieter konfiguriert ist, ohne den geheimen Wert offenzulegen. Bestätige vor der Erzeugung jede Anbieterpräferenz und das freigegebene Budget.

  2. 02
    Asset beschreiben

    Nenne Motiv, Komposition, Maße und vorgesehene Platzierung. Gib bei einer Spieltextur Kachelbarkeit bzw. nahtloses Verhalten an, statt dich auf den Dateinamen zu verlassen.

  3. 03
    Speichern und prüfen

    Dekodiere die Bildantwort oder speichere die zurückgegebene Bilddatei, prüfe den Inhalt und melde den tatsächlichen Pfad.

02 Einsatzbereiche

Wann der Einsatz passt

Ein API-Schlüssel eines unterstützten Anbieters und Netzwerkzugang; Modellverfügbarkeit und Nutzungskosten müssen separat geprüft werden.

Gut geeignet

  • Einzelne Projekt-AssetsNützlich für eine Textur, ein Icon-Konzept, eine Illustration oder ein Mockup, wenn Anbieter und gewünschtes Ergebnis bereits klar sind.
  • Ausdrückliche AnbieterwahlPasst zu Umgebungen, in denen ein Agent vorhandene Zugangsdaten für OpenAI oder Gemini nutzen soll, statt einen anderen Dienst zu erfinden.

Zu prüfende Grenzen

  • Zugangsdaten und AbrechnungDer Skill benötigt einen Schlüssel für den gewählten Anbieter. Dessen Vorhandensein bedeutet nicht, dass die Nutzung kostenlos ist, und der Modellzugang kann je nach Konto variieren.
  • Keine Bearbeitungspipeline zugesagtDie geprüften Anfragebeispiele konzentrieren sich auf die Erzeugung. Gehe nicht davon aus, dass Bearbeitung mit Referenzbildern, Vektorausgabe oder Steuerung der Markenkonsistenz enthalten sind.

Diese Eingaben mitbringen

  • Visuelles BriefingBeschreibe Motiv, Gestaltung und die Rolle, die das Bild in der Oberfläche oder im Dokument spielen soll.
  • AusgabeanforderungenGib ein Asset-Verzeichnis, einen Dateinamen, die Größe sowie Transparenz- oder Kachelanforderungen an, damit der Agent sie berücksichtigen kann.
  • AnbieterkonfigurationStelle einen konfigurierten, unterstützten Anbieter über die Umgebung bereit, nicht über ein in öffentliche Dateien eingefügtes Geheimnis.

03 Wichtige Entscheidungen

Entscheidungen, auf die es ankommt

  1. Die gespeicherte Ausgabe ist das Ergebnis

    Der Workflow endet mit einem Dateipfad statt nur mit einem Prompt, sodass das Ergebnis dem umgebenden Projekt zur Verfügung steht.

  2. Antwortverarbeitung ist explizit

    Die Quelle unterscheidet zurückgegebene Bilddaten von Text- oder Sicherheitsfehlern, sodass eine API-Antwort nicht automatisch mit erfolgreicher Bilderzeugung verwechselt wird.

04 Beispielbriefing

Ein fokussiertes Briefing ausprobieren

Das folgende Beispielbriefing wurde nicht getestet. Prüfe die Einrichtung des Skills, bevor du es verwendest.

Einrichtung prüfen

Füge den Skill über den vom Host unterstützten Mechanismus hinzu und konfiguriere die Zugangsdaten sicher. Die Quelle nennt keinen universellen Installationsbefehl.

Upstream-Quelldatei
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/generate-image/SKILL.md

Ein API-Schlüssel eines unterstützten Anbieters und Netzwerkzugang; Modellverfügbarkeit und Nutzungskosten müssen separat geprüft werden.

Mit einem Ergebnis beginnen

Passe Umfang, Quellenmaterial und Vorgaben dieses Briefings an, bevor du den Skill ausführst.

Beispiel-Briefing
Verwende generate-image, um eine quadratische, nahtlose Papierfaser-Textur für einen Design-Prototyp zu erstellen. Nutze meinen bereits konfigurierten Anbieter, bestätige, dass das angeforderte Modell verfügbar ist, und speichere das Ergebnis unter assets/textures/paper.png. Halte den Kontrast dezent und vermeide Text oder Logos. Melde eine blockierte Anfrage, statt stillschweigend den Anbieter zu wechseln oder kostenpflichtige Aufrufe zu wiederholen.

Ergebnis prüfen

Prüfe die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

  • Am gemeldeten Ausgabepfad existiert eine echte Bilddatei.
  • Komposition und Maße entsprechen dem Asset-Briefing.
  • Anbieterfehler oder Sicherheitsblockaden werden nicht als erfolgreiche Erzeugung gemeldet.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Dieser Eintrag bedeutet nicht, dass der Skill mitgeliefert wird oder dass seine externen Tools, Zugangsdaten und Software-Abhängigkeiten enthalten sind.

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte, fixierte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Lizenz
MIT
Geprüfter Stand
2026-10-07 · 3a685010a7af
Redaktionelle Quellenzusammenfassung
Ein kompakter Bilderzeugungs-Workflow für zwei Anbieter mit Zugangsdaten-Routing, Antwortdekodierung und Speicherung in Projektdateien.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, weder Skill-Nutzung noch Qualitätsbewertung.

06 Fragen vor dem Start

Fragen vor dem Start

Enthält die Installation des Skills Bild-Guthaben?

Nein. Die Erzeugung läuft über den gewählten Anbieter und das Konto der Nutzenden; der Skill selbst ist ein Anweisungs-Workflow.

Kann er zwischen OpenAI und Gemini wählen?

Die geprüfte Version routet anhand konfigurierter Schlüssel und kann nach einer Präferenz fragen, wenn beide verfügbar sind. Prüfe den aktuellen Modellzugang, bevor du eine Anfrage stellst.

Erzeugt er ein bearbeitbares Vektor-Icon?

Die Quelle beschreibt Ausgaben der Bild-API, keine Konstruktion bearbeitbarer Vektoren. Ein Raster-Icon-Konzept unterscheidet sich von einem SVG mit bearbeitbaren Pfaden.

OpenDesign

Schaffe Raum für die nächste Design-Iteration.

Halte Briefing, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfe die Einrichtung des Skills, bevor du ihn in deinen Workflow aufnimmst.

Upstream-Quelldatei
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/generate-image/SKILL.md