How are the final banners delivered?

The skill renders the design in HTML/CSS and then uses Chrome DevTools to screenshot and export optimized PNG files at exact platform dimensions.

Does this skill support print dimensions?

Yes, it includes presets for print banners with specific rules for 300 DPI, CMYK color profiles, and 3-5mm bleed zones to ensure production quality.

Which AI models are used for the visuals?

It leverages Gemini Flash for fast iteration of patterns and gradients, and Gemini Pro for high-detail 4K illustrations, product shots, and complex artistic scenes.

Can I use my own brand colors and logos?

Absolutely. The skill uses an 'inject-brand-context' script to pull from your local brand guidelines, ensuring all generated banners match your specific visual identity.

Banner Design Pro

Name: Banner Design Pro
Author: nextlevelbuilder

bynextlevelbuilder

•

60,980

•

设计工具

Generates professional, multi-format banners for social media, ads, and web hero sections using AI-powered art direction and automated exports.

Banner Design Pro is a comprehensive creative suite for Claude Code that automates the production of high-quality visual assets. By combining Pinterest-inspired research, HTML/CSS layout precision, and state-of-the-art AI image generation (Gemini Flash and Pro), this skill handles the end-to-end design process for over 20 art styles. It manages technical constraints like platform-specific safe zones, aspect ratios, and brand consistency, allowing developers and marketers to generate production-ready PNG assets for everything from LinkedIn headers to Google Display Ads directly within their terminal.

主要功能

01Multi-platform dimension presets for Social Media, Google Ads, and Web Hero sections

0260,980 GitHub stars

03Library of 22+ art directions including Glassmorphism, 3D, and Bold Typography

04Dynamic brand context injection to ensure consistency with existing guidelines

05Automated HTML-to-PNG export with built-in image compression and safe zone validation

06Dual-model AI generation using Gemini Flash for backgrounds and Gemini Pro for 4K hero visuals

使用场景

01Designing custom website hero sections with unique, AI-generated artistic backgrounds

02Generating sets of high-converting display ads in multiple sizes for marketing campaigns

03Building a cohesive cross-platform brand kit for a product launch (Twitter, LinkedIn, YouTube)

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nextlevelbuilder/ui-ux-pro-max-skill banner-design

For use in Claude.ai and ChatGPT

主要功能

01Multi-platform dimension presets for Social Media, Google Ads, and Web Hero sections

0260,980 GitHub stars

03Library of 22+ art directions including Glassmorphism, 3D, and Bold Typography

04Dynamic brand context injection to ensure consistency with existing guidelines

05Automated HTML-to-PNG export with built-in image compression and safe zone validation

06Dual-model AI generation using Gemini Flash for backgrounds and Gemini Pro for 4K hero visuals

使用场景

01Designing custom website hero sections with unique, AI-generated artistic backgrounds

02Generating sets of high-converting display ads in multiple sizes for marketing campaigns

03Building a cohesive cross-platform brand kit for a product launch (Twitter, LinkedIn, YouTube)