skills.rest
nmoralescyber
nmoralescyberCOMMUNITY
Explore all skills by this author →
GitHub

ckmbanner-design

Design platform-appropriate banners and hero graphics with precise specs.

Updated Apr 25, 2026
Search Tags:#typography#design#branding#layout#banner#dimensions
One-click install
npx skills add https://github.com/nmoralescyber/claude-skill-optimization --skill ckmbanner-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckmbanner-design
Source: https://github.com/nmoralescyber/claude-skill-optimization/tree/main/skills/design/ckmbanner-design
Command: npx skills add https://github.com/nmoralescyber/claude-skill-optimization --skill ckmbanner-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates consistent, platform-aware banners and hero graphics for social, advertising, and website use, removing guesswork and ensuring correct dimensions and branding.

Core Features & Use Cases

  • Platform-aware banner creation with correct size guidelines for LinkedIn headers, Twitter/X covers, YouTube banners, Facebook covers, and Google Display ads.
  • Access to 22 banner styles (minimalist, gradient, geometric, etc.) to match brand and tone.
  • Provides composition and typography guidance to produce ready-to-use assets; includes a repository of best practices for mobile crops and profile-photo overlap considerations.

Quick Start

Create a LinkedIn banner for a company page using the minimalist style and the recommended 1584 x 396 px dimension.

Frequently Asked Questions about ckmbanner-design

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

FAQPage Schema
What dimensions do I need for a LinkedIn header or YouTube channel banner?▼

Platform-aware banner creation provides exact pixel dimensions for LinkedIn headers, YouTube banners, and Twitter/X covers. It ensures correct sizing while accounting for mobile crops and profile-photo overlap considerations across 22 style options.

How do I design a Google Display ad that maintains brand consistency?▼

Design Google Display ads using this Skill to generate precise color, typography, and composition guidelines. It ensures brand consistency and accessibility while providing ready-to-use layout specs across 22 banner styles like minimalist or geometric.

Can I create a website hero section with a minimalist banner style?▼

Yes, you can create website hero sections using the minimalist style from the 22 available options. The Skill generates platform-appropriate hero graphics with precise composition and typography guidance tailored specifically for web layouts.

Does this banner design tool account for mobile crops and profile-photo overlap?▼

Yes, banner design includes a repository of best practices specifically addressing mobile crops and profile-photo overlap. It ensures your LinkedIn headers, Twitter/X covers, and YouTube banners display correctly without critical content being obscured.

What is the best way to get typography and color specs for social media covers?▼

Use a platform-aware banner generator to get typography and color specs for social media covers. This Skill outputs precise composition guidelines and accessibility checks, ensuring your Facebook and Twitter/X covers maintain brand consistency across platforms.

Related Skills

Explore More Design & Creative Skills→
gauravb4875-uxgauravb4875-ux

branding-generator

Generate brand identity kits with logos, color palettes, typography, and naming.

Community
Advanced
RamonsDkaRamonsDka
1

ckm:banner-design

Automate multi-platform banner design with PNG export and safe zones.

Community
Advanced
jiaiyanjiaiyan
8

n-gradient-text

Render gradient text with configurable size and type in Vue 3.

Community
Intermediate
masermediagroup-stackmasermediagroup-stack
1

ckm:banner-design

Design multi-format banners with AI-assisted art direction and PNG exports.

Community
Advanced