skills.rest
Grupo-6-ADS-B
Grupo-6-ADS-BOFFICIAL
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.

2|Updated Aug 15, 2025
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/Grupo-6-ADS-B/FittNutri --skill ckm-banner-design-grupo-6-ads-b
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/Grupo-6-ADS-B/FittNutri/tree/main/.claude/skills/banner-design
Command: npx skills add https://github.com/Grupo-6-ADS-B/FittNutri --skill ckm-banner-design-grupo-6-ads-b

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 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 2-3 design variants per request from 22 documented styles including minimalist, gradient, glassmorphism, neon, and editorial. - AI Visual Generation: Creates background and hero imagery via Gemini image models, then composes text, CTA, and logo overlays in HTML/CSS before exporting to PNG. - Use Case: A marketer needs a Twitter header and Instagram story for a product launch; the skill researches references, generates three style options at correct sizes, 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 content when invoking the skill, and it generates banners at each platform's exact dimensions, such as 1500x500 for Twitter/X headers and 1080x1920 for Instagram stories. Each variant follows safe zone and typography rules automatically.

What banner sizes does this skill support?▼

It supports social covers for Facebook, Twitter/X, LinkedIn, YouTube, Instagram, and Pinterest, Google Display ad sizes like 300x250 and 728x90, website heroes, email headers, and print formats including roll-ups and trade show banners.

How are the banner background images generated?▼

Visuals are generated with Gemini image models via the ai-multimodal skill. The Flash model produces fast 2K backgrounds and patterns, while the Pro model generates 4K hero illustrations and photorealistic scenes, matched to the platform's aspect ratio.

Can I get multiple design style options for one banner?▼

Yes, the default workflow generates three art direction options per request, chosen from 22 documented styles such as minimalist, gradient, glassmorphism, neon, and editorial. Each option is exported as a separate PNG for side-by-side comparison.

What are the limitations of this banner design skill?▼

The skill handles static banner design only and explicitly does not cover video editing, full website design, or print production management. Print output guidance is limited to specs like 300 DPI, CMYK, and bleed requirements.

Related Skills

Explore More Design & Creative Skills→
KartikSharma4448KartikSharma4448

branding-generator

Interview clients, research markets, and generate three brand directions with visual assets.

Community
Advanced
4asaanAI4asaanAI

ckm:banner-design

Design multi-platform banners with exact dimensions and export PNGs.

Community
Advanced
s0nbuildtech287s0nbuildtech287

banner-design

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

Community
Advanced
vivy-yivivy-yi
363

canva

Create Xiaohongshu graphics using templates, drag-and-drop tools, and brand kits.

Community
Intermediate