skills.rest
jc180105
jc180105COMMUNITY
Explore all skills by this author →
GitHub

ckm:banner-design

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

Updated Apr 16, 2026
Search Tags:#design#branding#multimodal#export#banner#ai-art#dimensions
One-click install
npx skills add https://github.com/jc180105/.opencode --skill ckm-banner-design-jc180105
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/jc180105/.opencode/tree/main/.opencode/skills/design-banner-design
Command: npx skills add https://github.com/jc180105/.opencode --skill ckm-banner-design-jc180105

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Banner design across social, display, and print requires consistency, scalable art directions, and rapid iteration to meet deadlines.

Core Features & Use Cases

  • Multi-format banner generation for platforms like Facebook, Twitter, LinkedIn, YouTube, Instagram, Google Display, and website hero.
  • AI-assisted art direction with selectable styles and automated export assets (PNG, HTML/CSS).
  • Structured workflow from requirements gathering to production-ready visuals and brand-consistent output.

Quick Start

Provide platform, style, and dimensions to generate a multi-format banner set ready for export.

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 banners for multiple social media platforms at once?▼

AI-assisted banner design generates multiple art-direction options per request, allowing you to apply platform-specific sizes and ensure brand consistency across social media, ads, web, and print formats.

What export formats are supported for banner design?▼

Banner design supports export-ready assets in both PNG and HTML/CSS formats, delivering production-ready visuals complete with safe zones and accessibility considerations for web and display deployment.

Can I create print and web banners using the same art direction?▼

Yes, you can create print and web banners using the same art direction by applying AI-assisted visuals to produce scalable styles, ensuring brand consistency across website hero images, Google Display ads, and print formats.

What is the workflow from requirements gathering to final banner export?▼

The workflow provides a complete path from requirements gathering to final export-ready banners, applying platform-specific sizes, ensuring brand consistency, and delivering assets in PNG and HTML/CSS formats.

Does banner design include safe zones and accessibility considerations?▼

Yes, banner design includes safe zones and accessibility considerations, ensuring that export-ready assets in PNG and HTML/CSS formats meet production standards for social media, display ads, and print.

Related Skills

Explore More Design & Creative Skills→
nazlicancaglarnazlicancaglar

brand-voice

Define brand voice dimensions, terminology, and channel-adapted rules for marketing content.

Community
Advanced
HerxinsasaHerxinsasa
1

ckm:banner-design

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

Community
Advanced
gannonhgannonh
1

canvas-design

Translate design philosophies into single-page PDF or PNG artworks.

Community
Advanced
AincFhAincFh

ckm:banner-design

Generate multi-format banner designs with HTML/CSS prototypes and AI visuals.

Community
Advanced