Ad banners and display ad creative design via AI image generation and code generation. Covers IAB standard sizes, CTA design, value proposition hierarchy, A/B variations, and HTML5 animated ads. Supports Gemini 3.1 Flash Image Preview. Trigger phrases: "design an ad", "create a banner ad", "display ad", "ad creative", "Google Display ad", "Meta ad", "ad banner", "create ad variations", "HTML5 ad".
Website banners, email headers, event banners, and hero sections via AI image generation and code generation. Covers standard sizes, animated and static approaches, CTA placement, and responsive techniques. Supports Gemini 3.1 Flash Image Preview. Trigger phrases: "design a banner", "create a website banner", "hero banner", "email header", "event banner", "promotional banner", "web banner", "banner ad", "sidebar banner", "create a hero section".
Build complete visual identity systems: logos, brand colors, typography, and brand guidelines. Trigger phrases: "brand identity", "logo design", "brand guidelines", "visual identity", "brand system", "favicon", "brand colors", "logo variations", "brand pattern"
Card-based layout patterns including product cards, feature cards, and interactive cards. Trigger: user asks to "design a card", "build card layout", "create a product card", "make a card grid", "design a testimonial card", "blog post card", "feature card", "pricing card", or any card-based UI component.
Generate beautiful, accessible color palettes and color systems. Trigger phrases: "color palette", "brand colors", "color scheme", "generate colors", "dark mode colors", "color tokens", "color system", "accessible colors", "contrast ratio", "semantic colors"
Dark theme design patterns with proper color adaptation, surface hierarchy, and CSS implementation. Trigger: user asks to "add dark mode", "create a dark theme", "dark mode support", "implement dark/light toggle", "design for dark background", "night mode", or any dark theme design work.
Data dashboard and admin panel design patterns for information-dense interfaces. Trigger: user asks to "build a dashboard", "create an admin panel", "design analytics", "make a data view", "build a settings page", "create a table view", "design a CRM", "build an internal tool", or any data-heavy interface work.
Foundational design context skill. Establishes brand identity, color system, typography, design style, and audience preferences. Trigger phrases: "set up design context", "define brand style", "configure design system", "brand guidelines", "design tokens", "style guide setup", "initialize design", "set brand colors".