CommunityImagengithub.com

buzz77/buzz-image

Genera o edita imágenes con GPT Image a través de BUZZ y las guarda en el proyecto. Úsalo siempre que el usuario quiera cualquier imagen o activo visual (iconos, favicons, logos, tarjetas OG/sociales, banners, ilustraciones, maquetas UI, fotos, pegatinas/recortes transparentes, carteles) o quiera modificar un archivo de imagen existente (cambiar estilo, recolorear, eliminar/reemplazar fondo, agregar o corregir elementos).

¿Qué es buzz-image?

Esta habilidad para Claude Code permite generar y editar imágenes utilizando modelos GPT Image a través de la pasarela BUZZ a la que está conectado Claude Code. Reutiliza la propia clave BUZZ de Claude Code, por lo que no requiere instalación ni configuración adicional. El flujo de trabajo está completamente automatizado mediante scripts integrados (Bash para Linux/macOS y PowerShell para Windows) que manejan la generación, edición y redimensionamiento local de imágenes, incluyendo opciones como fondo transparente, calidad, formato, número de imágenes y referencias visuales. La habilidad es especialmente útil para desarrolladores que necesitan crear activos visuales para sus proyectos — logos, favicons, tarjetas OG, iconos, maquetas UI, banners, pegatinas transparentes, etc. — o editar imágenes existentes (cambiar estilo, recolorear, eliminar/reemplazar fondo, agregar o corregir elementos), utilizando referencias reales del proyecto para mantener la coherencia de marca. Las plataformas compatibles son Linux, macOS y Windows, y el script se ejecuta con un tiempo de espera de hasta 10 minutos por imagen. El script devuelve un JSON con el resultado, incluyendo la ruta de los archivos generados, el modelo utilizado, el tamaño final, las imágenes de referencia empleadas y el tiempo de generación, lo que permite a Claude Code verificar el resultado y reportar cualquier problema al usuario.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/buzz77/buzz-image-skill/tree/HEAD/skills/buzz-image

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace buzz-image?

Genera y edita imágenes con GPT Image a través de la pasarela BUZZ a la que está conectado este Claude Code. Reutiliza la propia clave BUZZ de Claude Code; no es necesario instalar ni configurar nada más. Usa siempre el script incluido — nunca escribas tus propias llamadas API para imágenes, y nunca busques ni imprimas claves API.

Responde al usuario en el idioma que use.

Ejecución del script

Siempre pasa timeout: 600000 (una imagen normalmente tarda entre 30 y 90 segundos; las imágenes grandes o de alta calidad tardan más).

Si tienes una herramienta Bash, úsala. Esta forma exacta del comando está pre-aprobada:

bash ${CLAUDE_SKILL_DIR}/scripts/gen.sh -p "PROMPT" -o RUTA [opciones]

De lo contrario, usa la herramienta PowerShell (típica en Windows). Llama a la ruta del script directamente como primera palabra — sin &, sin comillas alrededor de la ruta, sin proceso powershell anidado, nada encadenado antes o después — para que coincida con la forma pre-aprobada:

${CLAUDE_SKILL_DIR}/scripts/gen.ps1 -Prompt "PROMPT" -Out RUTA [-Size ..] [-Quality ..] [-Background ..] [-Format ..] [-N ..] [-Ref a.png,b.png] [-Mask m.png] [-Model ..]

Si Claude Code aún pide al usuario que apruebe el comando, está bien — espera la aprobación; nunca busques soluciones alternativas.

OpciónValores
-pDescripción de la imagen (obligatorio). Escríbela tú mismo a partir de la solicitud del usuario.
-oRuta de salida. Elige una que se ajuste al uso (ej. public/favicon.png, assets/og.png); de lo contrario, colócala en generated/. Los archivos existentes nunca se sobrescriben (se añade -2, -3…).
-sWxH exacto (cualquier tamaño, ej. 32x32, 1200x630) o square / landscape / portrait / wide / tall / 2k / 4k. Los tamaños que el modelo no puede producir directamente se generan cercanos y se recortan/redimensionan localmente al tamaño exacto. Omítelo para que el modelo decida.
-btransparent para recortes/pegatinas/iconos sin fondo (solo png o webp); opaque; auto.
-qlow / medium / high / xhigh / max. Omítelo a menos que el usuario lo pida o el activo necesite detalles finos.
-fpng (predeterminado) / jpeg / webp.
-nNúmero de imágenes, predeterminado 1.
-rImagen de origen/referencia; repite para varias. Cualquier -r cambia al modo de edición.
--maskMáscara PNG para ediciones locales (transparente = repintar); necesita -r.
-mModelo. Omítelo para que el script seleccione automáticamente el mejor disponible para la clave del usuario.
--modelsLista los modelos de imagen disponibles para esta clave, sin generar.

El script imprime una línea JSON. Éxito: {"ok":true,"model":..,"files":[..],"size":..,"generated_size":..,"resized":..,"seconds":..}. Fallo: {"ok":false,"code":..,"message":..}.

Flujo de trabajo

  1. Comprende la solicitud: para qué es la imagen, dónde va, texto exacto a renderizar, tamaño, transparencia. Si falta algo esencial, haz una pregunta breve; de lo contrario, continúa.
  2. Usa referencias reales, nunca inventes activos de marca.
    • Si el usuario nombra o adjunta imágenes ("como esta captura de pantalla", "usa nuestro logo", "coincide con este estilo"), pásalas todas con -r.
    • Si la imagen debe mostrar o coincidir con la marca/producto del usuario (logo, tarjeta OG/social, banner, favicon, icono de aplicación, cualquier cosa con el nombre del producto), busca primero los activos existentes del proyecto — ej. archivos llamados logo*, icon*, favicon*, brand*, og* en public/, assets/, static/, src/assets/, images/, y el logo referenciado en el HTML/manifest — y pasa la(s) mejor(es) coincidencia(s) con -r, describiendo en el prompt cómo usarlas ("usa el logo de la imagen de referencia exactamente como está, no lo redibujes").
    • Si no se encuentra nada adecuado, pide al usuario su logo/referencia en lugar de inventarlo. Solo diseña un nuevo logo cuando el usuario lo solicite explícitamente.
    • Las imágenes de referencia deben ser png, jpeg o webp; si un logo existe solo como SVG, informa al usuario y pídele una exportación PNG (o continúa sin ella solo si él acepta).
  3. Escribe el prompt a partir de la descripción del usuario (y del contexto del proyecto, como colores de marca). Mantén la intención del usuario y el texto exacto; no añadas cosas que no haya pedido. A menos que el usuario lo solicite, indica al modelo que no incluya logotipos, marcas comerciales o marcas de terceros (a los modelos les gusta decorar imágenes técnicas con logotipos de empresas conocidas).
  4. Cantidad: genera 1 imagen a menos que el usuario pida más. Antes de generar más de 4 de una sola vez, pide confirmación al usuario.
  5. Modelo: deja que el script elija a menos que el usuario nombre uno. Informa al usuario qué modelo se usó. Sugiere gpt-image-2.5-sunburst para ediciones, trabajos con muchas referencias o texto denso/preciso cuando esté disponible; cambia de modelo cuando el usuario lo pida.
  6. Ejecuta el script.
  7. Revisa el resultado: Lee cada imagen de salida una vez. Informa al usuario: ruta(s) de archivo(s), modelo, tamaño final, qué imágenes de referencia se usaron y cualquier cosa que no coincida con la solicitud (texto mal escrito, logo alterado, diseño incorrecto, fondo no transparente…), con una sugerencia concreta. No regeneres por tu cuenta — el usuario decide.
  8. Muestra: si el usuario quiere verlo, ábrelo con el visor del sistema (open en macOS, start "" <archivo> en Windows, xdg-open en Linux).
  9. Cambios: aplica lo que pida el usuario — regenera con un prompt ajustado, o edita el resultado anterior con -r <archivo anterior>. Al editar, pasa -s con el tamaño de la imagen de origen para que el resultado mantenga sus dimensiones (a menos que el usuario quiera un tamaño diferente). Nunca sobrescribas el original; escribe un nuevo archivo.
  10. No hagas git add de las imágenes generadas a menos que el usuario lo pida.

Errores (code en el JSON)

códigoQué decir al usuario / hacer
not_buzzEste Claude Code no está conectado a BUZZ, por lo que buzz-image no puede ejecutarse. Detente.
no_keyNo hay clave API en la configuración de Claude Code. Detente.
no_image_modelEl grupo de la clave del usuario no tiene ningún modelo GPT Image; cambia el grupo de la clave en la consola de BUZZ (página de claves API) a uno que incluya modelos gpt-image. Detente.
model_unavailableEse modelo no está disponible para la clave del usuario; muestra available_models y deja que elija.
insufficient_balanceSaldo insuficiente; recarga en la consola de BUZZ. Detente.
content_policyTransmite el mensaje; deja que el usuario decida cómo reformular. No reformules y reintentes por tu cuenta.
timeoutInforma al usuario que se agotó el tiempo de espera. No reintentes automáticamente (la imagen puede ya haberse facturado); ofrece reintentar.
http_error / bad_argsInforma del mensaje. Corrige tus propios errores de argumentos; no entres en bucle.

Nunca cambies de modelo ni sigas reintentando por tu cuenta después de un error.

Skills relacionados