ckm:banner-design

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

3|1|Updated Apr 29, 2026
One-click install
npx skills add https://github.com/firstsun-dev/skills --skill ckm-banner-design-firstsun-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/firstsun-dev/skills/tree/main/plugins/visual-content/skills/ckm-banner-design
Command: npx skills add https://github.com/firstsun-dev/skills --skill ckm-banner-design-firstsun-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating banners across many platforms requires knowing dozens of size specs, safe zones, and style conventions, then producing multiple art direction options manually. This Skill automates the full banner design workflow from requirements gathering to exported PNG files. ## Core Features & Use Cases - Multi-Platform Size Support: Covers Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display Ads, website heroes, and print formats with exact dimensions and safe-zone rules. - Multiple Art Direction Options: Generates several design variants per request from 22 documented styles including minimalist, gradient, glassmorphism, neon, and editorial. - AI Visual Generation: Produces background and hero imagery via Gemini image models at 2K or 4K, then composes text, CTA, and logo in HTML/CSS before exporting to PNG. - Use Case: A marketer needs a Twitter/X header and an Instagram story for a product launch. The Skill gathers requirements, researches Pinterest references, generates three styled options per size, and exports ready-to-use PNGs organized by campaign folder. ## Quick Start Ask the agent 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 design a banner for multiple social media platforms?▼

Specify the platforms and content, and the Skill generates options at exact platform dimensions such as 1500x500 for Twitter/X headers or 1080x1920 for Instagram stories. Each variant follows safe-zone rules and exports as a PNG organized by campaign folder.

What banner sizes does Google Display Network require?▼

Common Google Display sizes include 300x250 medium rectangle, 728x90 leaderboard, 160x600 wide skyscraper, and 300x600 half page. The full size table with aspect ratios is in the references file included with the Skill.

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

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 such as video editing, full website design, or print production management.

What design rules apply to ad banner text?▼

Ads should keep text under 20% of the canvas since Meta penalizes heavy text. Use a maximum of two typefaces, minimum 16px body and 32px headline, 4.5:1 contrast ratio, and a single CTA of at least 44px height.