Imágenes de Productos con IA: Una Referencia Completa de Estilos con baoyu-skills

En Yopitek, distribuimos productos de hardware técnico — adaptadores WiFi, herramientas de investigación en seguridad, módulos SDR — y crear visuales de marketing consistentes y de alta calidad para 8 idiomas siempre ha sido un desafío. Este artículo documenta cómo usamos la colección de plugins baoyu-skills para GitHub Copilot CLI para generar imágenes de productos en diferentes formatos y estilos.

Usamos el adaptador USB WiFi ALFA AWUS036ACM como producto de ejemplo a lo largo de esta guía. Cada prompt e imagen mostrada aquí fue generada a partir de una descripción de este adaptador. El objetivo es una referencia práctica de estilos: cuando necesites una imagen de portada de producto, una tarjeta de Instagram, o una infografía técnica en el futuro, puedes consultar qué skill y estilo usar.

Referencia Completa de Skills — Las 19 baoyu-skills

#

La colección tiene 19 skills, organizadas en tres tipos:

• Tipo A — Salida de Imágenes: Genera activos visuales (portadas, infografías, cómics, renders)
• Tipo B — Salida HTML: Genera documentos web con estilo
• Tipo C — Texto / Utilidad: Traducción, formateo, publicación social, compresión

Sección 01 — baoyu-cover-image

#

Imágenes de portada de artículos en tres relaciones de aspecto: cinemático (2.35:1), pantalla ancha (16:9), y cuadrado (1:1). Cada relación admite múltiples paletas de colores y estilos de renderizado.

Cuándo usar: Imágenes hero de publicaciones de blog, miniaturas de artículos, banners de sitios web.

Variantes de Estilo

#

Variante 1 — Cinemático · Azul Marino

Product hero shot of Alfa AWUS036ACM USB WiFi adapter, cinematic wide angle,
deep navy blue background, dramatic studio lighting, two high-gain RP-SMA
antennas, photorealistic 3D render, 2.35:1 aspect

Variante 2 — Cinemático · Naranja

Alfa AWUS036ACM WiFi adapter, cinematic composition, burnt orange and black
backdrop, rim-lit product photography, antennas extended, professional tech
product shot, 2.35:1 aspect

Variante 3 — Pantalla Ancha · Carbono Oscuro

Alfa AWUS036ACM on dark carbon fiber surface, widescreen editorial tech
photography, neon blue accent light, AC1200 label visible, dual antennas,
16:9 aspect

Variante 4 — Pantalla Ancha · Neon Cyberpunk

AWUS036ACM USB WiFi adapter, cyberpunk neon lighting, purple and cyan glow,
dark background, 16:9 widescreen, product floats above reflective surface

Variante 5 — Cuadrado · Minimalista

Alfa AWUS036ACM minimal product shot, white background, soft shadows, clean
tech branding, square 1:1 format, e-commerce style

Variante 6 — Cuadrado · Póster Impactante

AWUS036ACM bold graphic poster, black background, high contrast, large
typography: AC1200 DUAL BAND, red accent color, 1:1 square format

Sección 02 — baoyu-infographic

#

Combina 21 tipos de diseño con 20 estilos visuales para producir infografías. El diseño define la estructura (cuadrícula bento, jerarquía, línea de tiempo…); el estilo establece el lenguaje visual (gráfico en negrita, esquema técnico, origami…).

Cuándo usar: Resúmenes de especificaciones de productos, hojas de comparación, publicaciones de explicación técnica, contenido de LinkedIn.

Variantes de Estilo

#

Variante 1 — Cuadrícula Bento × Gráfico Impactante

Infographic: Alfa AWUS036ACM specs, bento-grid layout, bold-graphic comic
style with halftone. Sections: chipset MT7612U, AC1200 speed, dual-band
2.4+5GHz, USB 3.0, OS compatibility Linux/Windows

Variante 2 — Cuadrícula Bento × Esquema Técnico

Technical schematic infographic of AWUS036ACM, blueprint engineering style,
bento-grid layout, shows RF signal path, antenna specs, USB interface,
chipset architecture

Variante 3 — Capas Jerárquicas × Gráfico Impactante

AWUS036ACM feature hierarchy infographic, layered architecture diagram, bold
graphic style, vibrant colors, shows: Hardware → Driver → OS layers → Use
cases (Kali/Ubuntu/RPi)

Variante 4 — Capas Jerárquicas × Esquema Técnico

AWUS036ACM technical hierarchy: MT7612U chipset layers, driver stack (Linux
in-kernel), protocol stack 802.11ac, schematic blueprint style, monochrome
with blue accents

Variante 5 — Línea de Tiempo × Origami

Linux kernel support timeline for MediaTek MT7612U (AWUS036ACM), origami
folded-paper style, milestones: kernel 4.19 mainline, 5.x improvements,
monitor mode support

Variante 6 — Línea de Tiempo × Corporate Memphis

AWUS036ACM product evolution timeline, corporate memphis flat vector style,
vibrant colors, showing WiFi adapter generations from 802.11n to ac to ax

Sección 03 — baoyu-xhs-images

#

Genera series de tarjetas verticales (relación de aspecto 3:4) optimizadas para Xiaohongshu (XHS), Instagram y otras plataformas sociales. 10 estilos visuales × 8 plantillas de diseño.

Cuándo usar: Publicaciones de Instagram, tarjetas de productos XHS, contenido de redes sociales enfocado en productos.

Variantes de Estilo

#

Variante 1 — Notion · Predeterminado

小红书风格产品种草卡片, notion简约风格, 介绍Alfa AWUS036ACM WiFi网卡, 白色背景,
简洁排版, 重点标注: MT7612U芯片/AC1200双频/Linux免驱

Variante 2 — Negrita · Predeterminado

小红书爆款封面, 粗体大字bold风格, AWUS036ACM渗透测试神器推荐, 高对比度配色, 红黑白,
强烈视觉冲击, 关键词: Kali Linux必备

Variante 3 — Pastel · Predeterminado

小红书粉彩风格种草图, pastel柔和色调, Alfa AWUS036ACM开箱分享, 奶油色背景,
可爱贴纸元素, 标注: 双天线/USB3.0/即插即用

Variante 4 — Notion · Diseño de Lista

小红书notion风格清单卡片, AWUS036ACM选购指南, 横向list布局, 列出5个购买理由,
简洁checklist样式, 适合技术宅

Variante 5 — Negrita · Comparación

小红书对比信息卡, bold风格, AWUS036ACM vs 普通WiFi网卡对比表, 左右对比布局,
突出MT7612U优势, 醒目配色

Variante 6 — Pastel · Línea de Tiempo

小红书pastel时间线卡片, AWUS036ACM从开箱到使用的步骤图, 纵向timeline布局,
温柔色调, 步骤: 开箱→插入USB→Linux免驱识别→开始使用

Sección 04 — baoyu-comic

#

Crea arte secuencial en múltiples estilos: manga japonés, webtoon coreano, tira educativa. Admite tanto paneles únicos como narrativas de múltiples paneles.

Cuándo usar: Contenido de participación en redes sociales, tutoriales de productos explicados visualmente, explicadores educativos.

Variantes de Estilo

#

Variante 1 — Manga · Reseña de Producto Tech

Manga-style comic panel, tech reviewer character unboxing Alfa AWUS036ACM,
excited expression, speech bubble: "MT7612U in-kernel support?!", black and
white with screen tones, Japanese manga style

Variante 2 — Manga · Tira Cómica Divertida de 3 Paneles

Fun manga comic strip 3-panels: panel1=struggling with WiFi drivers,
panel2=discovers AWUS036ACM, panel3=celebrating with Kali Linux working
perfectly. Chibi style characters

Variante 3 — Webtoon · Educativo

Webtoon vertical comic, educational explainer about how MediaTek MT7612U
driver works in Linux kernel, clean digital art style, character explains with
diagrams, colorful webtoon aesthetic

Variante 4 — Webtoon · Minimalista

Minimal webtoon style, 2-panel: hacker character with AWUS036ACM + Raspberry
Pi, clean lines, flat colors, caption: "Plug and play on any Linux distro
since kernel 4.19"

Sección 05 — baoyu-article-illustrator

#

Analiza la estructura de un artículo y genera ilustraciones apropiadas al contexto para cada sección. Utiliza un enfoque bidimensional de Tipo × Estilo.

Cuándo usar: Artículos de blog técnicos que necesitan ilustraciones en línea para explicar conceptos.

Variantes de Estilo

#

Variante 1 — Diagrama de Señal RF

Technical RF signal diagram for AWUS036ACM, shows 2.4GHz and 5GHz signal
paths from MT7612U chip to dual RP-SMA antennas, clean engineering
illustration, blue on white

Variante 2 — Escena de Lifestyle

Lifestyle scene illustration: AWUS036ACM connected to laptop, person doing
WiFi security research, Kali Linux terminal visible on screen, cozy home
office setting, digital art style

Variante 3 — Hoja de Iconos de Especificaciones

Icon sheet illustration: 8 icons representing AWUS036ACM features — dual
antenna, AC1200 badge, USB 3.0 connector, Linux penguin, monitor mode symbol,
packet injection, RPi logo, security shield. Flat design

Variante 4 — Banner Hero

Hero banner illustration for AWUS036ACM product page, wide format, adapter
floating center with WiFi signal waves, specs text panels on sides, tech
gradient background

Sección 06 — baoyu-imagine

#

Generación libre de imágenes IA con máxima libertad creativa. Sin restricciones fijas de diseño o estilo — describe cualquier visual que necesites.

Cuándo usar: Renders de productos para e-commerce, reemplazos de fotografía de lifestyle, vistas técnicas explosionadas, generación de escenas personalizadas.

Variantes de Estilo

#

Variante 1 — Render Fotorrealista Frontal

Photorealistic product render of Alfa AWUS036ACM WiFi USB adapter, front view,
black housing, two adjustable RP-SMA antennas, USB 3.0 connector visible,
white background, studio lighting

Variante 2 — Render de Producto en Ángulo 3/4

Alfa AWUS036ACM 3/4 angle product render, showing side profile, antenna
adjustment, LED indicator, clean white background, soft shadows, commercial
photography style

Variante 3 — Escena de Lifestyle

Lifestyle product photo: AWUS036ACM plugged into a laptop USB port, Kali Linux
desktop visible on screen with WiFi scanning tool, dark desk setup, blue LED
glow

Variante 4 — Vista Técnica Explosionada

Technical exploded view illustration of AWUS036ACM internals: PCB with
MT7612U chip, USB 3.0 connector, antenna connectors, RF shielding can, labels
for each component

Cómo Usar Esto como Referencia de Estilos

#

Usa este artículo como tabla de consulta cada vez que necesites generar una imagen de marketing. El flujo de decisión es simple:

1. ¿Para qué plataforma es esta imagen?

2. Elige tu estilo — encuentra la variante en este artículo que coincida con el tono de tu marca, copia el prompt, y reemplaza el nombre del producto y las especificaciones clave con tu producto objetivo.

3. Ejecuta la skill en GitHub Copilot CLI:

# Ejemplo — generar una imagen de portada
/baoyu-cover-image

# Ejemplo — generar una tarjeta de Instagram
/baoyu-xhs-images

# Ejemplo — generar un render de producto
/baoyu-imagine

4. Sigue los prompts guiados de la skill — cada skill hará preguntas de aclaración sobre estilo, dimensiones y contenido antes de generar.

Acerca de baoyu-skills

#

La colección completa de plugins baoyu-skills está disponible en GitHub:

➜ github.com/JimLiu/baoyu-skills

Todas las imágenes de este artículo fueron generadas usando las skills anteriores, con el ALFA AWUS036ACM como producto sujeto. La referencia completa de prompts para todas las imágenes está documentada en nuestra guía de flujo de trabajo interno.

¿Quieres saber más sobre el AWUS036ACM — el producto usado como ejemplo en esta guía?

Referencias

#

1. Repositorio GitHub de baoyu-skills
2. Documentación oficial de GitHub Copilot CLI
3. Especificaciones del producto ALFA Network AWUS036ACM
4. Datos del chipset MediaTek MT7612U
5. Documentación de la API de generación de imágenes de OpenAI