banner-design

A skill in nextlevelbuilder/ui-ux-pro-max-skill · 145,360 stars on GitHub

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.

Security grade of this SKILL.md: SAFE · how we grade

How to install banner-design

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill banner-design -a claude-code

The skills CLI copies this one skill into Claude Code (use -a for another agent). Or read its SKILL.md on GitHub.

What the SKILL.md says

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. 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. 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.

Other skills in nextlevelbuilder/ui-ux-pro-max-skill

  • brand Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marke…
  • design Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corpo…
  • design-system Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spaci…
  • slides Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
  • ui-styling Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling,…