skills.rest
Lutimi
LutimiCOMMUNITY
Explore all skills by this author →
GitHub

ckm:banner-design

Generate multi-platform banner designs with export-ready assets and HTML/CSS integration.

Updated Apr 17, 2026
Search Tags:#design#branding#advertising#social-media#banner#ai-art#asset-export
One-click install
npx skills add https://github.com/Lutimi/claude2figma --skill ckm-banner-design-lutimi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ckm:banner-design
Source: https://github.com/Lutimi/claude2figma/tree/main/ui-ux-pro-max-skill/.claude/skills/banner-design
Command: npx skills add https://github.com/Lutimi/claude2figma --skill ckm-banner-design-lutimi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Banner design for social, ads, and web campaigns requires time, consistency, and multiple art directions. This skill accelerates creation by producing multiple design directions and ready-to-export assets with AI-assisted workflows.

Core Features & Use Cases

  • Generate multiple art-direction options per request, covering platforms like Facebook, Twitter, LinkedIn, YouTube, Instagram, and Google Ads.
  • Integrate with HTML/CSS-based banners, AI-generated visuals via ai-artist and ai-multimodal, and export-ready assets.
  • Use cases include social covers, ad banners, website hero visuals, and print banners for campaigns.

Quick Start

Ask the AI to design a banner set for a Twitter header in 3:1 aspect ratio with gradient style and bold typography.

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 in platform-specific sizes?▼

To generate social media banners, specify the platform and aspect ratio to receive multiple AI-generated art directions. The workflow outputs export-ready assets with AI-generated visuals and typography tailored for each specific platform size.

Can I design website hero visuals and HTML banners with AI?▼

Yes, website hero visuals and HTML banners can be designed using integrated AI-generated visuals. The workflow supports HTML/CSS integration, allowing you to create and export web-ready banner assets directly.

What's the best way to create multiple ad banner variations for a campaign?▼

The best way to create multiple ad banner variations is generating multiple art-direction styles per request. This workflow provides export-ready assets for Google Ads and social campaigns, ensuring visual consistency across different formats.

Does this banner design workflow support print formats and asset export?▼

Yes, the banner design workflow supports print formats and asset export workflows. It generates export-ready assets suitable for print banners alongside digital social covers and ads.

How do I create a Twitter header banner with gradient style and bold typography?▼

Create a Twitter header banner by requesting a 3:1 aspect ratio with a gradient style and bold typography. The AI generates the visual directions and provides the necessary asset exports for the platform.

Related Skills

Explore More Design & Creative Skills→
marcosgcr3marcosgcr3

banner-design

Design banners and header assets for digital and print formats.

Community
Advanced
DayzideeDayzidee

banner-design

Generate social media, ad, and web banners using AI and HTML/CSS.

Community
Advanced
bitwize-music-studiobitwize-music-studio
408

album-art-director

Translate album concepts into AI-generated art prompts with visual directions.

Official
Basic
SpiralCloudOmegaSpiralCloudOmega
1

juce-look-and-feel

Customize JUCE audio plugin UI with reusable LookAndFeel for rotary and linear sliders.

Community
Advanced