ckm:banner-design

Generate multi-format banner designs with AI-assisted art direction and export PNG assets.

1|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/Postalocity/template-microsite --skill ckm-banner-design-postalocity
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/Postalocity/template-microsite/tree/main/.opencode/skills/ui-ux-pro-max--banner-design
Command: npx skills add https://github.com/Postalocity/template-microsite --skill ckm-banner-design-postalocity

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Banner design across multiple platforms is time-consuming and requires adapting art direction to each format. This skill streamlines the process by generating multi-format banners with AI-assisted visuals and brand context.

Core Features & Use Cases

  • Generate banners across Facebook cover, Twitter/X header, LinkedIn banner, YouTube channel art, Instagram stories/posts, Google Display sizes, and website hero banners with multiple art-direction options.
  • Export ready-to-use PNG assets at exact platform dimensions, respecting safe zones, color/contrast guidelines, and print-ready specs when required.
  • Inject brand context automatically to ensure consistency with brand guidelines across all assets.
  • Use Case: A marketing team launches a product and needs a cohesive banner set in 3 art-direction styles, exported as PNGs for web, social, and display ads.

Quick Start

Ask the AI to design a banner set for Facebook cover and Instagram story in minimalist and gradient styles, then export PNGs at the required dimensions.

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 multi-format banner designs for different social media platforms?

To generate multi-format banner designs, provide brand context and platform requirements to receive AI-assisted visuals across social, web, and print formats. The skill outputs ready-to-use PNG exports at exact platform dimensions while respecting safe zones.

Can I export banner designs as PNG files at exact platform dimensions?

Yes, you can export banner designs as PNG files at exact platform dimensions. The skill automatically respects platform-specific safe zones, color and contrast guidelines, and print-ready specs when generating the final PNG assets.

How do I create a cohesive banner set with multiple art-direction styles for a product launch?

You can create a cohesive banner set by requesting multiple art-direction styles, such as minimalist or gradient, alongside your brand context. The AI injects brand guidelines automatically to ensure visual consistency across web, social, and display ad assets.

Does AI banner design respect platform-specific safe zones for Facebook covers and Instagram stories?

Yes, AI banner design respects platform-specific safe zones for Facebook covers, Instagram stories, YouTube channel art, and other formats. It applies platform-specific sizes and color guidelines to ensure exported visuals display correctly.

What is the best way to scale banner design across web, social, and display ads?

The best way to scale banner design across web, social, and display ads is using AI-assisted art direction that injects brand context automatically. This streamlines generating cohesive, multi-format PNG exports while adapting visuals to each platform's requirements.

Do I need to provide brand guidelines to generate consistent banner visuals across formats?

Yes, you need to provide brand guidelines or context to generate consistent banner visuals across formats. The skill uses this injected brand context to ensure art direction remains cohesive across all generated social, web, and print assets.