skills.rest
Debindenny
DebindennyCOMMUNITY
Explore all skills by this author →
GitHub

ckm:banner-design

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

Updated Aug 11, 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/Debindenny/travelplanner-community- --skill ckm-banner-design-debindenny
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/Debindenny/travelplanner-community-/tree/main/travel-planner/ui-ux-pro-max-skill/.claude/skills/banner-design
Command: npx skills add https://github.com/Debindenny/travelplanner-community- --skill ckm-banner-design-debindenny

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating 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 formats. - 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 visuals via Gemini image models, composes text and CTA overlays in HTML/CSS, and exports final PNGs via headless 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-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 ckm: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 invoking the skill, and it generates banners at each platform's exact dimensions such as 1500x500 for Twitter/X headers or 1080x1920 for Instagram stories. Each size gets multiple art direction variants exported as PNGs.

What banner sizes does this skill support for Google Display Ads?▼

It supports standard Google Display Network sizes including 300x250 medium rectangle, 728x90 leaderboard, 160x600 wide skyscraper, 300x600 half page, and 320x50 mobile banner. Full size tables are in the references file.

Which AI image model should I use for banner backgrounds versus hero illustrations?▼

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

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

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

Why does my ad banner get penalized on Meta platforms?▼

Meta penalizes ads with more than 20% text coverage on the image. The skill enforces this text-to-image ratio rule along with safe zone, contrast, and single-CTA constraints during generation.

Related Skills

Explore More Design & Creative Skills→
aayushsoamaayushsoam
1

ckm:banner-design

Generate multi-format banners with art-direction options and brand constraints.

Community
Advanced
luicabref97luicabref97

ckm:banner-design

Design banners and export PNGs at platform-specific dimensions for social, ad, web, and print campaigns.

Community
Advanced
minhnv0807minhnv0807
526

05-copy-quang-cao

Generate six ad copy variants with primary text, headlines, descriptions, and CTAs.

Community
Intermediate
MarcoBolsaMarcoBolsa

image

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

Community
Intermediate