Banner Design

This handles banner design across social platforms, display ads, website heroes, and print. It gathers requirements through Q&A, researches design references on Pinterest, then generates multiple art direction options using HTML/CSS layouts combined with AI-generated visuals. The workflow is thorough: it uses different Gemini models depending on complexity (Flash for backgrounds, Pro for detailed illustrations), exports everything to properly named PNGs via headless Chrome, and includes specific guidance on safe zones, text ratios, and platform dimensions. The inclusion of 6000+ prompt examples from ai-artist and detailed style references makes it practical for anyone who needs to produce professional banner variants without opening Figma. Covers 22 art direction styles from minimalist to cyberpunk.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 10
skills.sh installs: 47.1K
GitHub stars: 147.4K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nextlevelbuilder/ui-ux-pro-max-skill --skill banner-design --agent claude-code

Installs into .claude/skills of the current project.

Files

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.