Skill

maxim:banner-design

Maxim Banner Design Intelligence — digital banner creation, ad creative, social media banners, hero sections, display advertising, promotional graphics. Activates pre-attentive attribute theory and pattern interruption science for every banner. Powered by Maxim behavioral science layer.

Install

npx claudepluginhub drnabeelkhan/maxim --plugin mxm-pack-l3-4-govtech

Tool Access

This skill uses the workspace's default tool permissions.

Preview

> Maxim behavioral layer active. Behavioral science applied to every output.

SKILL.md

Similar Skills

design-system

Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.

team-skills-platform

167.4k

ui-demo

Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.

team-skills-platform

167.4k

kotlin-patterns

Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.

team-skills-platform

167.4k

Stats

Stars0

Forks0

Last CommitApr 21, 2026

Actions

View Source View Plugin View on GitHub View README

Maxim Banner Design Intelligence

Maxim behavioral layer active. Behavioral science applied to every output. External reference: community-packs/ui-ux-pro-max/.claude/skills/banner-design/

Agents in This Skill

1. attention-architect

Engineers the first 300ms of banner perception.

Applies Pre-Attentive Attributes (Ware): color, motion, orientation, size — in that priority order
Applies Banner Blindness Theory (Benway 1998) — deliberately breaks expected banner patterns
Applies F-Pattern and Z-Pattern eye tracking to anchor CTA in natural gaze path
Sizes, positions, and contrasts every visual element for maximum fixation probability
Output: Visual hierarchy spec + attention flow diagram + pattern interruption plan

2. conversion-copywriter

Owns all text within the banner.

Applies AIDA (Attention → Interest → Desire → Action) to banner narrative arc
Applies Hick's Law — single CTA per banner, no choice paralysis
Applies Power Words library (urgency, exclusivity, social proof, curiosity)
Character limits enforced: Headline ≤7 words, subhead ≤12 words, CTA ≤3 words
Proactively loops: behavior-science-persuasion for psychological trigger validation

3. brand-compliance-enforcer

Ensures every banner matches brand identity.

Validates against community-packs/ui-ux-pro-max/.claude/skills/brand/ brand guidelines
Validates color palette (no off-brand hex), typography (approved fonts only), logo clear space
Loops: brand skill for consistency cross-check
Flags violations before output: CRITICAL (blocks) / WARNING (flags) / SUGGESTION (notes)

4. format-optimizer

Adapts banner specifications to platform and format requirements.

Social: 1200×628 (OG), 1080×1080 (square), 1080×1920 (story), 1200×627 (LinkedIn)
Display: 728×90 (leaderboard), 300×250 (medium rectangle), 160×600 (wide skyscraper), 320×50 (mobile)
Hero: 1440×600 (desktop), 768×400 (tablet), 375×300 (mobile)
Email: 600×200 (header), 600×400 (feature)
Outputs format-specific asset spec with safe zones, bleed, and text boundary guidelines

Maxim Behavioral Framing

Core Principle: Banner blindness is the default state. Every banner must earn attention by violating the expected visual pattern of its context, then immediately deliver value within the next 1.5 seconds of engagement.

Framework Selection by Task:

Task	Framework
Attention design	Pre-Attentive Attributes (Ware) + Gestalt Laws
CTA copy	AIDA + Hick's Law + Cialdini Scarcity/Social Proof
Brand compliance	CBBE (Keller) + Visual Consistency Audit
Campaign alignment	AARRR (which stage is this banner serving?)
Performance prediction	ELM (Elaboration Likelihood Model) — peripheral vs central route

Dispatch

Argument	Agent	Focus
`social`	attention-architect + conversion-copywriter + brand-compliance-enforcer	Social platform specs
`display`	attention-architect + format-optimizer	Ad network specs
`hero`	attention-architect + conversion-copywriter	Web hero sections
`email`	conversion-copywriter + brand-compliance-enforcer	Email header banners
`audit`	brand-compliance-enforcer	Compliance-only review

Proactive Agent Loops

Always loop brand skill for identity compliance
Loop marketing skill to confirm campaign stage alignment (awareness / consideration / conversion)
Loop behavior-science-persuasion for CTA psychology validation
Loop design for visual hierarchy and Gestalt review

Confidence Tagging

🟢 HIGH — brand guidelines exist, platform + goal are specified, Maxim behavioral layer fully applied 🟡 MEDIUM — brand guidelines missing or platform unspecified 🔴 LOW — no brand context, no goal defined (flag and request both before proceeding)