Communitygithub.com

xfstudio/skills

Diese Fähigkeit generiert Bilder mit Googles Gemini-Bildgenerierungsmodell (`gemini-3-pro-image-preview`). Sie ermöglicht eine nahtlose Bildererstellung während jeder Claude Code-Sitzung – egal, ob du Frontend-Oberflächen baust, Dokumentation erstellst oder visuelle Darstellungen von Konzepten benötigst.

Was ist skills?

Diese Skill ermöglicht KI-gestützte Bildgenerierung direkt über das Gemini-Modell (`gemini-3-pro-image-preview`) in jeder Claude Code-Umgebung. Sie ist plattformübergreifend (Windows, macOS, Linux) nutzbar und benötigt nur einen `GEMINI_API_KEY` sowie Python 3.6+ – ohne zusätzliche Installation von Pip-Paketen. Der Workflow ist einfach: Der Benutzer gibt einen Textprompt ein, die Fähigkeit ruft die Google Gemini API auf, speichert das erzeugte PNG-Bild im aktuellen Verzeichnis oder einem benutzerdefinierten Pfad und gibt den Dateipfad zurück. Typische Anwendungsfälle sind die Erstellung von Heldenbildern für Landingpages, Diagrammen für Architekturdokumentationen, Platzhalter-Avataren für UI-Komponenten oder individuellen Icons und Logos. Die Fähigkeit unterstützt flexible Ausgabegrößen und kann automatisch aktiviert werden, wenn der Benutzer nach einer Bildgenerierung fragt oder visuelle Assets benötigt – ideal für Entwickler, die schnell und ohne Medien-Tool-Wechsel visuelle Inhalte in ihren Workflow integrieren möchten.

Funktioniert mit✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/xfstudio/skills/tree/HEAD/imagen
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Imagen – KI-Bildgenerierungs-Skill

Übersicht

Dieser Skill generiert Bilder mit Googles Gemini-Bildgenerierungsmodell (gemini-3-pro-image-preview). Er ermöglicht eine nahtlose Bildererstellung während jeder Claude Code-Sitzung – egal, ob du Frontend-Oberflächen baust, Dokumentation erstellst oder visuelle Darstellungen von Konzepten benötigst.

Plattformübergreifend: Funktioniert unter Windows, macOS und Linux.

Wann dieser Skill verwendet werden sollte

Aktiviere diesen Skill automatisch, wenn:

  • Der Benutzer eine Bildgenerierung anfordert (z. B. „erzeuge ein Bild von…“, „erstelle ein Bild…“)
  • Die Frontend-Entwicklung Platzhalter oder echte Bilder erfordert
  • Die Dokumentation Illustrationen oder Diagramme benötigt
  • Konzepte, Architekturen oder Ideen visualisiert werden sollen
  • Icons, Logos oder UI-Assets erstellt werden müssen
  • Jede Aufgabe, bei der ein KI-generiertes Bild hilfreich wäre

Funktionsweise

  1. Ein Text-Prompt, der das gewünschte Bild beschreibt, wird entgegengenommen
  2. Die Google Gemini API wird mit der Bildgenerierungskonfiguration aufgerufen
  3. Das generierte Bild wird am angegebenen Ort gespeichert (Standard: aktuelles Verzeichnis)
  4. Der Dateipfad wird für die Verwendung im Projekt zurückgegeben

Nutzung

Python (Plattformübergreifend – empfohlen)

# Einfache Nutzung
python scripts/generate_image.py "Eine futuristische Stadtsilhouette bei Sonnenuntergang"

# Mit benutzerdefiniertem Ausgabepfad
python scripts/generate_image.py "Ein minimalistisches App-Icon für einen Musikplayer" "./assets/icons/musik-icon.png"

# Mit benutzerdefinierter Größe
python scripts/generate_image.py --size 2K "Hochauflösende Landschaft" "./wallpaper.png"

Voraussetzungen

  • Die Umgebungsvariable GEMINI_API_KEY muss gesetzt sein
  • Python 3.6+ (verwendet nur die Standardbibliothek, kein pip install erforderlich)

Ausgabe

Generierte Bilder werden als PNG-Dateien gespeichert. Das Skript gibt zurück:

  • Erfolg: Pfad zum generierten Bild
  • Fehler: Fehlermeldung mit Details

Beispiele

Frontend-Entwicklung

Benutzer: „Ich brauche ein Heldenbild für meine Landingpage – etwas Abstraktes und Technikorientiertes“
-> Generiert und speichert ein Bild, gibt den Pfad zur Verwendung in HTML/CSS zurück

Dokumentation

Benutzer: „Erstelle ein Diagramm, das eine Microservices-Architektur zeigt“
-> Generiert eine visuelle Darstellung, bereit für README oder Dokumentation

UI-Assets

Benutzer: „Generiere ein Platzhalter-Avatar-Bild für die Benutzerprofil-Komponente“
-> Erstellt ein Bild in passender Größe für die Komponentenverwendung

Individual skills in this repo

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

xfstudio/skills

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community