banner-design

1# Banner Design - Multi-Format Creative Banner System
2 
3Design banners across social, ads, web, and print formats. Generate multiple art direction options with CSS-built, user-supplied, or optionally generated visual elements. This skill handles banner design only. It does not handle video editing, full website design, or print production.
4 
5## When to Activate
6 
7- User requests banner, cover, or header design
8- Social media cover/header creation
9- Ad banner or display ad design
10- Website hero section visual design
11- Event/print banner design
12- Creative asset generation for campaigns
13 
14## Available Resources
15 
16This workflow is self-contained: it requires no sibling skills or skill-relative scripts. Use `references/banner-sizes-and-styles.md` for the bundled size, safe-zone, and art-direction guidance. Browser research, image generation, and screenshot tooling are optional capabilities; when unavailable, use supplied assets, CSS-built visuals, and the runtime's standard preview or capture workflow.
17 
18## Workflow
19 
20### Step 1: Gather Requirements (AskUserQuestion)
21 
22Collect via AskUserQuestion:
231. **Purpose** — social cover, ad banner, website hero, print, or creative asset?
242. **Platform/size** — which platform or custom dimensions?
253. **Content** — headline, subtext, CTA, logo placement?
264. **Brand** — existing brand guidelines, logo files, colors, or typography?
275. **Style preference** — any art direction? (show style options if unsure)
28…