ckm:banner-design

Creates platform-optimized banner designs with exact dimension compliance and high-resolution PNG export.

1|Updated Apr 22, 2026
One-click install
npx skills add https://github.com/Herxinsasa/Skills-Collector --skill ckm-banner-design-herxinsasa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/Herxinsasa/Skills-Collector/tree/main/ui-ux-pro-max-skill/.claude/skills/banner-design
Command: npx skills add https://github.com/Herxinsasa/Skills-Collector --skill ckm-banner-design-herxinsasa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the time-consuming process of manually designing platform-specific banners for social media, advertising, web, and print use cases, ensuring consistent brand alignment and compliance with each platform's size and content rules.

Core Features & Use Cases

  • Multi-Platform Support: Covers all standard banner sizes for Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Ads, websites, and print formats with exact dimension compliance.
  • AI-Powered Art Direction: Generates multiple design variants across 22+ styles (minimalist, 3D, neon, etc.) with AI-generated visual assets, no manual graphic design required for base visuals.
  • Use Case: A marketing team launching a new product can use this Skill to create a full set of aligned banners: a Twitter header, Instagram story ad, website hero, and print roll-up, all matching brand guidelines in a single workflow.

Quick Start

Use the banner-design skill to create 3 minimalist Twitter header banners and 2 gradient Instagram story ads for our new SaaS product launch, using the brand colors and logo from our brand guidelines document.

Frequently Asked Questions about ckm:banner-design

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

FAQPage Schema
How do I generate social media graphics for multiple platforms with exact dimension compliance?

To generate social media graphics with exact dimension compliance, use the banner design workflow to output platform-optimized, high-resolution PNGs. It automatically applies safe zone rules and exact size requirements for Facebook, Twitter, LinkedIn, YouTube, and Instagram.

Can I create web hero design and print roll-up banners in a single workflow?

Yes, you can create web hero designs and print roll-up banners in a single workflow. The skill processes multi-platform use cases simultaneously, ensuring brand guideline adherence and high-resolution PNG export across both digital and print formats.

What's the best way to automate ad creatives development for a SaaS product launch?

The best way to automate ad creatives development is providing brand colors and logo guidelines to generate multiple design variants. The AI creates platform-specific ad creatives across 22+ styles, eliminating manual graphic design for base visuals.

Does AI art generation support brand guideline adherence and safe zone rules?

Yes, AI art generation supports brand guideline adherence and safe zone rules. The workflow integrates your brand colors and logo requirements while automatically respecting platform-specific safe zones to prevent content cropping on social media and digital advertising.

How do I get minimalist and 3D art direction variants for my banner design?

To get minimalist and 3D art direction variants for your banner design, specify the desired styles in your prompt. The skill generates multiple visual asset variants across 22+ styles, including minimalist, 3D, and neon, without requiring manual graphic design.

What are the limitations of using AI-generated visual assets for print design?

The primary limitation of using AI-generated visual assets for print design is that outputs are restricted to high-resolution PNG export. While it meets exact dimension compliance for standard print formats, complex vector editing or non-PNG deliverables require external software.