ckm:banner-design

Design platform-specific banners with AI-generated visuals and export PNGs.

1|Updated Mar 29, 2026
One-click install
npx skills add https://github.com/dmedina-dev/dev-forge --skill ckm-banner-design-dmedina-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/dmedina-dev/dev-forge/tree/main/plugins/forge-ui-expert/skills/banner-design
Command: npx skills add https://github.com/dmedina-dev/dev-forge --skill ckm-banner-design-dmedina-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the challenge of creating visually compelling banners across diverse platforms and styles without manual design tools, streamlining creative asset production for marketing and web teams.

Core Features & Use Cases

  • Multi-Platform Design: Generates banners tailored to exact sizes for Facebook, Twitter, Instagram, YouTube, Google Ads, websites, and print.
  • AI Visual Generation: Produces multiple art direction options like minimalist, gradient, or neon using integrated AI models for backgrounds and illustrations.
  • Use Case: For a product launch campaign, request three banner variants for LinkedIn and website hero sections, incorporating brand guidelines and exporting them as optimized PNGs for immediate use.

Quick Start

Design a minimalist banner for Instagram story featuring our brand headline and generate three style options.

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 banners with AI visuals?

To generate social media banners, the Skill uses integrated AI models to produce background visuals and illustrations. It applies art direction styles like minimalist or gradient, ensuring creative assets meet exact platform dimensions for immediate use.

Can I design website hero sections and display ads at exact dimensions?

Yes, you can design website hero sections and display ads at exact dimensions. The Skill processes precise size specifications for various platforms and exports the final creative assets as high-quality PNG images.

What is the best way to create multiple art direction options for a LinkedIn campaign?

The best way to create multiple art direction options is by requesting style variants like minimalist, gradient, or neon. The Skill generates multiple visual treatments for LinkedIn banners while incorporating brand guidelines.

Does banner design handle safe zone compliance and CTA placement?

Yes, banner design handles safe zone compliance and CTA placement. The Skill satisfies these specific requirements during the layout process to ensure critical visual elements remain visible across different platform interfaces.

How do I export optimized PNG images for Facebook and YouTube covers?

You can export optimized PNG images by specifying the target platform during the design process. The Skill automatically generates covers and headers for Facebook and YouTube at exact dimensions and exports them as high-quality PNGs.