Aitor_Skills - Generación de imágenes con IA

Imagen - Skill de Generación de Imágenes con IA

Resumen

Esta skill genera imágenes utilizando el modelo de generación de imágenes de Google Gemini (gemini-3-pro-image-preview). Permite crear imágenes de forma fluida durante cualquier sesión de Claude Code, ya sea que estés construyendo interfaces de usuario, creando documentación o necesites representaciones visuales de conceptos.

Multiplataforma: Funciona en Windows, macOS y Linux.

Cuándo Usar Esta Skill

Activa automáticamente esta skill cuando:

• El usuario solicite generar imágenes (p. ej., "genera una imagen de...", "crea una imagen...")
• El desarrollo frontend requiera imágenes provisionales o reales
• La documentación necesite ilustraciones o diagramas
• Se necesite visualizar conceptos, arquitecturas o ideas
• Se necesiten crear iconos, logotipos o recursos de UI
• Cualquier tarea donde una imagen generada por IA sea útil

Cómo Funciona

1. Toma un prompt de texto que describe la imagen deseada
2. Llama a la API de Google Gemini con la configuración de generación de imágenes
3. Guarda la imagen generada en una ubicación especificada (por defecto, el directorio actual)
4. Devuelve la ruta del archivo para usarla en tu proyecto

Uso

Python (Multiplataforma - Recomendado)

# Uso básico
python scripts/generate_image.py "Un paisaje urbano futurista al atardecer"

# Con ruta de salida personalizada
python scripts/generate_image.py "Un icono de app minimalista para un reproductor de música" "./assets/icons/music-icon.png"

# Con tamaño personalizado
python scripts/generate_image.py --size 2K "Paisaje de alta resolución" "./wallpaper.png"

Requisitos

• La variable de entorno GEMINI_API_KEY debe estar configurada
• Python 3.6+ (usa solo la biblioteca estándar, no requiere instalación con pip)

Salida

Las imágenes generadas se guardan como archivos PNG. El script devuelve:

• Éxito: Ruta de la imagen generada
• Fallo: Mensaje de error con detalles

Ejemplos

Desarrollo Frontend

Usuario: "Necesito una imagen principal para mi página de inicio, algo abstracto y enfocado en tecnología"
-> Genera y guarda la imagen, proporciona la ruta para usarla en HTML/CSS

Documentación

Usuario: "Crea un diagrama que muestre la arquitectura de microservicios"
-> Genera una representación visual, lista para README o documentación

Recursos de UI

Usuario: "Genera una imagen de avatar provisional para el componente de perfil de usuario"
-> Crea una imagen de tamaño adecuado para su uso en el componente