banner-design

Generates multi-format banners for social media, ads, web heroes, and print with AI visuals.

Updated May 9, 2026
One-click install
npx skills add https://github.com/Aeonxuu/southtownslandservice_v2 --skill banner-design-aeonxuu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: banner-design
Source: https://github.com/Aeonxuu/southtownslandservice_v2/tree/main/.claude/skills/banner-design
Command: npx skills add https://github.com/Aeonxuu/southtownslandservice_v2 --skill banner-design-aeonxuu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating on-brand banners across many platforms requires knowing exact dimensions, safe zones, and art direction for each format, which is slow and error-prone when done manually. ## Core Features & Use Cases - Multi-Platform Banner Generation: Produces banners at exact dimensions for Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display Ads, website heroes, and print. - Multiple Art Direction Options: Generates several style variants per request from 22 documented styles including minimalist, gradient, glassmorphism, neon, and editorial. - AI Visual Generation & Export: Creates background and hero imagery via Gemini image models, composes text and CTA in HTML/CSS, then exports pixel-exact PNGs via Chrome screenshots. - Use Case: A marketer needs a Twitter/X header and Instagram story for a product launch; the skill researches references, generates three art direction options per size, and exports ready-to-upload PNGs. ## Quick Start Ask the AI to design three minimalist banner options for a Twitter/X header at 1500x500 pixels with your headline and call to action.

Frequently Asked Questions about banner-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a banner for social media platforms?▼

Specify the platform, style, and dimensions, and the skill gathers your headline, CTA, and brand context, then generates multiple art direction options. Each banner is built in HTML/CSS and exported as a PNG at the exact platform size.

What banner sizes does this skill support?▼

It supports Facebook covers, Twitter/X headers, LinkedIn banners, YouTube channel art, Instagram posts and stories, Google Display ad sizes like 300x250 and 728x90, website heroes, and print formats such as roll-ups and vinyl banners.

Which AI image model should I use for banner visuals?▼

Use the Standard Flash model for backgrounds, gradients, patterns, and quick A/B iterations at 2K resolution. Use the Pro model for hero illustrations, product shots, and photorealistic scenes requiring 4K detail.

Can I generate banners in multiple sizes for one campaign?▼

Yes, the skill supports multi-size output and organizes exports into a campaign folder using kebab-case filenames like style-widthxheight.png. Each variant is screenshotted at its exact platform dimensions.

What are the limitations of this banner design skill?▼

The skill handles static banner design only and does not cover video editing, full website design, or print production. Print output follows specs like 300 DPI and CMYK but physical production is out of scope.