ckmbanner-designlisted

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.
SanctifiedOps/nami-creative-brain-template · ★ 0 · Web & Frontend · score 68

Install: claude install-skill SanctifiedOps/nami-creative-brain-template

# Banner Design - Multi-Format Creative Banner System Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-powered visual elements. This skill handles banner design only. Does NOT handle video editing, full website design, or print production. ## When to Activate - User requests banner, cover, or header design - Social media cover/header creation - Ad banner or display ad design - Website hero section visual design - Event/print banner design - Creative asset generation for campaigns ## Workflow ### Step 1: Gather Requirements (AskUserQuestion) Collect via AskUserQuestion: 1. **Purpose** — social cover, ad banner, website hero, print, or creative asset? 2. **Platform/size** — which platform or custom dimensions? 3. **Content** — headline, subtext, CTA, logo placement? 4. **Brand** — existing brand guidelines? (check `docs/brand-guidelines.md`) 5. **Style preference** — any art direction? (show style options if unsure) 6. **Quantity** — how many options to generate? (default: 3) ### Step 2: Research & Art Direction 1. Activate `ui-ux-pro-max` skill for design intelligence 2. Use Chrome browser to research Pinterest for design references: ``` Navigate to pinterest.com → search "[purpose] banner design [style]" Screenshot 3-5 reference pins for art direction inspiration ``` 3. Select 2-3 complementary art direction styles from references: `references/banner-sizes-and-styles.md` ### Step 3: