ckm:banner-design

Inteligencia de diseño UI/UX para web y móvil. Incluye más de 50 estilos, 161 paletas de colores, 57 combinaciones tipográficas, 161 tipos de producto, 99 pautas de UX y 25 tipos de gráfico en 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui y HTML/CSS). Acciones: planificar, construir, crear, diseñar, implementar, revisar, corregir, mejorar, optimizar, potenciar, refactorizar y verificar código UI/UX. Proyectos: sitio web, página de aterrizaje, panel de control, panel de administración, comercio electrónico, SaaS, portafolio, blog y...

Arquitectura de tokens, especificaciones de componentes y generación de diapositivas. Tokens de tres capas (primitivo→semántico→componente), variables CSS, escalas de espaciado/tipografía, especificaciones de componentes, creación estratégica de diapositivas. Útil para tokens de diseño, diseño sistemático, presentaciones alineadas con la marca.

Habilidad de diseño integral: identidad de marca, tokens de diseño, estilo de interfaz de usuario, generación de logotipos (55 estilos, Gemini AI), programa de identidad corporativa (50 entregables, maquetas CIP), presentaciones HTML (Chart.js), diseño de banners (22 estilos, redes/anuncios/web/impresión), diseño de iconos (15 estilos, SVG, Gemini 3.1 Pro), fotos sociales (HTML→captura de pantalla, multiplataforma). Acciones: diseñar logotipo, crear CIP, generar maquetas, crear diapositivas, diseñar banner, generar icono, crear fotos sociales, imágenes para redes sociales, marca...

Crea interfaces de usuario hermosas y accesibles con componentes shadcn/ui (basados en Radix UI + Tailwind), estilos utilitarios de Tailwind CSS y diseños visuales basados en canvas. Úsalo al construir interfaces de usuario, implementar sistemas de diseño, crear diseños responsivos, agregar componentes accesibles (diálogos, menús desplegables, formularios, tablas), personalizar temas y colores, implementar modo oscuro, generar diseños visuales y carteles, o establecer patrones de estilo consistentes en todas las aplicaciones.

Voz de marca, identidad visual, marcos de mensajería, gestión de activos, consistencia de marca. Activar para contenido de marca, tono de voz, activos de marketing, cumplimiento de marca, guías de estilo.

Crea presentaciones HTML estratégicas con Chart.js, tokens de diseño, diseños responsivos, fórmulas de copywriting y estrategias contextuales de diapositivas.

Arquitectura de tokens, especificaciones de componentes y generación de diapositivas. Tokens de tres capas (primitivo→semántico→componente), variables CSS, escalas de espaciado/tipografía, especificaciones de componentes, creación estratégica de diapositivas. Útil para tokens de diseño, diseño sistemático, presentaciones alineadas con la marca.

Diseña banners para redes sociales, anuncios, héroes de sitios web, activos creativos e impresos. Múltiples opciones de dirección de arte con imágenes generadas por IA. Acciones: diseñar, crear, generar banner. Plataformas: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, héroe de sitio web, impresión. Estilos: minimalista, degradado, tipografía audaz, basado en fotos, ilustrado, geométrico, retro, glassmorphism, 3D, neón, duotono, editorial, collage. Utiliza las habilidades ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.