Imagen - Habilidad de Generación de Imágenes con IA
Resumen
Esta habilidad genera imágenes utilizando el modelo de generación de imágenes de Google Gemini (gemini-3-pro-image-preview). Permite la creación fluida de imágenes durante cualquier sesión de Claude Code, ya sea para construir interfaces frontend, crear documentación o necesitar representaciones visuales de conceptos.
Multiplataforma: Funciona en Windows, macOS y Linux.
Cuándo Usar Esta Habilidad
Active automáticamente esta habilidad cuando:
- El usuario solicite la generación de imágenes (p. ej., "genera una imagen de...", "crea una imagen...")
- El desarrollo frontend requiera imágenes de placeholder o reales
- La documentación necesite ilustraciones o diagramas
- Se estén visualizando conceptos, arquitecturas o ideas
- Se estén creando iconos, logotipos o activos de IU
- Cualquier tarea donde una imagen generada por IA sea útil
Cómo Funciona
- Toma una descripción textual de la imagen deseada
- Llama a la API de Google Gemini con la configuración de generación de imágenes
- Guarda la imagen generada en la ubicación especificada (por defecto, el directorio actual)
- Devuelve la ruta del archivo para su uso en tu proyecto
Uso
Python (Multiplataforma - Recomendado)
# Uso básico
python scripts/generate_image.py "Un horizonte urbano futurista al atardecer"
# Con ruta de salida personalizada
python scripts/generate_image.py "Un icono de aplicación 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_KEYdebe estar configurada - Python 3.6+ (usa solo la biblioteca estándar, no necesita pip install)
Salida
Las imágenes generadas se guardan como archivos PNG. El script devuelve:
- Éxito: Ruta a la imagen generada
- Fracaso: Mensaje de error con detalles
Ejemplos
Desarrollo Frontend
Usuario: "Necesito una imagen principal para mi página de inicio, algo abstracto y centrado en tecnología"
-> Genera y guarda la imagen, proporciona la ruta para usar 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
Activos de IU
Usuario: "Genera una imagen de avatar placeholder para el componente de perfil de usuario"
-> Crea la imagen en el tamaño apropiado para uso en el componente