Ckmbanner Design

• Necesitas banners para una o más plataformas de redes sociales y quieres varias opciones de estilo entre las que elegir en un solo proceso.
• Estás ejecutando una campaña publicitaria y necesitas banners de Google Display o Meta que cumplan con las reglas de proporción de texto de cada plataforma.
• Estás diseñando la sección hero de un sitio web y quieres elementos visuales generados por IA compuestos según tus directrices de marca.
• Necesitas banners para eventos o impresión a 300 DPI con sangrado, y quieres un flujo de trabajo guiado y repetible.

• Necesitas edición de video, motion graphics o banners animados — esta habilidad produce únicamente imágenes estáticas.
• Necesitas el diseño completo de un sitio web más allá de una sección hero.
• Necesitas servicios de producción de impresión (envío de archivos listos para imprenta, pruebas de color) — la habilidad genera archivos con especificaciones de impresión, pero no gestiona la producción de impresión.

Cada solicitud de diseño produce entre 2 y 3 variantes distintas de dirección artística (predeterminado: 3) que cubren estilos como minimalista, tipografía bold, degradado, glassmorphism, neón, geométrico, retro y más. Esto te permite comparar direcciones antes de comprometerte con una.

Los patrones de fondo, degradados e iteraciones rápidas utilizan un modelo Estándar (Flash) rápido a 2K. Las ilustraciones principales, escenas fotorrealistas y tomas de productos complejas utilizan un modelo Pro a 4K. La habilidad de Ckmbanner Design enruta automáticamente cada elemento al modelo adecuado según su complejidad.

La referencia de tamaños integrada cubre Facebook Cover, Twitter/X Header, LinkedIn, YouTube Channel Art, Instagram Story y Post, leaderboard y medium rectangle de Google Ads, y heroes para sitios web. Los banners en HTML/CSS se renderizan y capturan en pantalla con las dimensiones exactas en píxeles.

Cada banner aplica reglas de zona segura (contenido crítico en el 70–80% central), un único CTA, un máximo de dos tipografías, una relación de contraste de 4,5:1 y la directriz de Meta de menos del 20% de área de texto. Las salidas para impresión se generan a 300 DPI con color CMYK y sangría de 3–5 mm.

Tras la composición en HTML/CSS, cada banner es capturado automáticamente como una imagen PNG con nombre definido mediante Chrome DevTools. Los archivos que superan los 5 MB se comprimen a través de Sharp. Los nombres de los archivos de salida siguen la convención en kebab-case {style}-{width}x{height}.png, agrupados por carpeta de campaña.

Las directrices de marca almacenadas en docs/brand-guidelines.md se inyectan automáticamente en cada banner a través de inject-brand-context.cjs, garantizando que los colores, las fuentes y la ubicación del logotipo se mantengan coherentes en todas las variantes sin necesidad de introducirlos manualmente.

Proporciona al skill el titular de tu campaña, el llamado a la acción (CTA) y las plataformas objetivo (por ejemplo, portada de Facebook + publicación de Instagram + encabezado de Twitter/X). Ckmbanner Design investiga referencias de diseño, genera tres opciones de dirección artística por tamaño y entrega archivos PNG nombrados y listos para subir.

Proporciona tu texto publicitario y los recursos de tu marca. La habilidad de Ckmbanner Design produce un par de leaderboard (728×90) y rectángulo mediano (300×250), manteniendo el área de texto por debajo del 20% para cumplir con las políticas de Meta y Google, y luego exporta PNGs comprimidos listos para subir directamente a tu plataforma publicitaria.

Describe el producto o mensaje y el estado de ánimo visual preferido. La habilidad genera una imagen hero de 1920×600–1080 a sangre completa con tipografía superpuesta, con zonas seguras para recorte responsivo, y exporta un PNG de alta resolución listo para tu frontend.

Especifica las dimensiones físicas y la habilidad genera un archivo CMYK a 300 DPI con sangrado de 3–5 mm, listo para entregar directamente a un proveedor de impresión. Las opciones de estilo van desde diseños editoriales llamativos hasta tratamientos retro/vintage según el tipo de evento.