skills.rest
Kentox493
Kentox493COMMUNITY
Explore all skills by this author →
GitHub

banner-design

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

Updated Apr 6, 2026
Search Tags:#social media#image generation#art direction#png export#html css#banner design#display ads
One-click install
npx skills add https://github.com/Kentox493/Portfolio --skill banner-design-kentox493
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: banner-design
Source: https://github.com/Kentox493/Portfolio/tree/main/.agents/skills/banner-design
Command: npx skills add https://github.com/Kentox493/Portfolio --skill banner-design-kentox493

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating banners across multiple platforms requires knowing exact dimensions, safe zones, and art direction for each format, which is time-consuming to research and execute 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 formats. - Multiple Art Direction Options: Generates 2-3 design variants per request from 22 documented styles including minimalist, gradient, glassmorphism, neon, and editorial. - AI Visual Generation with HTML/CSS Composition: Creates background visuals via Gemini image models, then overlays text, CTA, and logo in HTML/CSS before exporting to PNG at exact pixel dimensions. - Use Case: A marketer needs a Twitter/X header (1500x500) for a product launch. The skill researches Pinterest references, generates three style variants with AI visuals, and exports ready-to-use PNGs. ## Quick Start Ask the assistant to design three minimalist banner options for a Twitter/X header promoting your product launch.

Frequently Asked Questions about banner-design

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

FAQPage Schema
How do I create a banner for multiple social media platforms at once?▼

Specify the platforms and quantity when requesting the design. The skill generates banners at exact dimensions for each platform, such as 1500x500 for Twitter/X headers or 1080x1920 for Instagram Stories, with consistent art direction across variants.

What banner sizes does Google Display Network require?▼

Google Display Network supports sizes including Medium Rectangle (300x250), Leaderboard (728x90), Half Page (300x600), and Mobile Banner (320x50). The skill's reference file lists all standard sizes with performance notes.

When should I use the Standard versus Pro image generation model?▼

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

Can this skill handle video editing or full website design?▼

No, the skill explicitly handles banner design only. It does not support video editing, full website design, or print production management, and will refuse out-of-scope requests.

What design rules ensure banners perform well on ad platforms?▼

Keep text under 20% of the canvas for Meta ads, use one CTA per banner with minimum 44px height, maintain 4.5:1 contrast ratio, and keep critical content within the central 70-80% safe zone.

Related Skills

Explore More Design & Creative Skills→
ShenWang96ShenWang96

brand-cog

Generate complete brand systems from a single brief with the cellcog skill.

Community
Advanced
webrix-aiwebrix-ai
1

campaign-automation

Plan and automate multi-channel marketing campaigns across email, social media, and paid ads.

Official
Intermediate
jtvarisjtvaris

ckm:banner-design

Automate banner design with HTML/CSS creation and asset export pipelines.

Community
Advanced
MarcoBolsaMarcoBolsa

image

Generates and optimizes marketing images using AI models, design tools, and web performance best practices.

Community
Intermediate