Banner Design
Design banners for social posts, ads, website heroes and print in many styles.
Install
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill banner-design -g -a claude-code -y- Repository
- nextlevelbuilder/ui-ux-pro-max-skill144k
- Category
- Design
- Updated
- 2d ago
- License
- MIT
- Context cost
- Mediumabout 1,603 tokens
- Runs scripts
- No, instructions only
What it does
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage.
Banner Design - Multi-Format Creative Banner System
Design 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.
When to Activate
- User requests banner, cover, or header design
- Social media cover/header creation
- Ad banner or display ad design
- Website hero section visual design
- Event/print banner design
- Creative asset generation for campaigns
Available Resources
This 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.
Workflow
Step 1: Gather Requirements (AskUserQuestion)
Collect via AskUserQuestion:
- Purpose, social cover, ad banner, website hero, print, or creative asset?
- Platform/size, which platform or custom dimensions?
- Content, headline, subtext, CTA, logo placement?
- Brand, existing brand guidelines, logo files, colors, or typography?
- Style preference, any art direction? (show style options if unsure)
- Quantity, how many options to generate? (default: 3)
Step 2: Research & Art Direction
- Read
references/banner-sizes-and-styles.mdfor the target format, safe zone, and suitable styles. - If browser research is available and permitted, collect 3, 5 references for composition and art-direction inspiration. Otherwise, work from the bundled reference and any examples supplied by the user.
- Select 2, 3 complementary art directions and state how each supports the banner's purpose.
