ckm:banner-design

Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-powered visual elements. This skill handles banner design only. Does NOT handle video editing, full website design, or print production. Collect via AskUserQuestion: For each art direction option: Create HTML/CSS banner using frontend-design skill Generate visual elements with ai-artist + ai-multimodal skills a) Search prompt inspiration (6000+ examples in ai-artist): b) Generate with Standard model (fast, good for backgrounds/patterns): c) Generate with Pro model (4K, complex illustrations/hero visuals): When to use which model: Aspect ratios: 1:1 , 16:9 , 9:16 , 3:4 , 4:3 , 2:3 , 3:2 Match to platform - e.g., Twitter header = 3:1 (use 3:2 closest), Instagram story = 9:16 Pro model prompt tips (see ai-artist references/nano-banana-pro-examples.md): Compose final banner — overlay text, CTA, logo on generated visual in HTML/CSS After designing HTML banners, export each to PNG using chrome-devtools skill: Output path convention (per assets-organizing skill): Present all exported images side-by-side. For each option show: Iterate based on user feedback until approved. Full reference: references/banner-sizes-and-styles.md Full 22 styles: references/banner-sizes-and-styles.md - User requests banner, cover, or header design - Social media cover/header creation - Ad...