# Mxm Cartoon

> Maxim 2D cartoon explainer video — engineered for learning retention and friendly brand affinity. Uses Dual Coding Theory + Cognitive Load Reduction + Ekman Universal Emotion to make complex ideas memorable and brands feel trustworthy-approachable.

- Skill: `drnabeelkhan/mxm-cartoon` (Agent Skill)
- Install (CLI): `npx skillmds@latest add drnabeelkhan/mxm-cartoon`
- Raw SKILL.md: https://api.skillmd.com/api/skills/drnabeelkhan/mxm-cartoon/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: DrNabeelKhan (https://skillmd.com/u/drnabeelkhan)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/drnabeelkhan/mxm-cartoon

---


# Maxim Cartoon — Explainer Video for Learning + Brand Affinity

## The Maxim Moat

Other libraries teach "cel-shaded 2D animation with stylized outlines." That gets you a cute video.

Maxim's cartoon style is engineered from **Dual Coding Theory + Cognitive Load Reduction first, animation craft second**. Every design choice — cel-shading, flat color zones, exaggerated faces — is justified because it activates the cognitive mechanism that produces learning retention and friendly brand affinity.

---

## Business Outcome

**What this style moves:**
- **Message retention** (2-3× vs. text or live-action explainer)
- **Complex concept comprehension** (enables selling technical/abstract products to non-expert audiences)
- **Brand affinity** (friendly-approachable signal; humanizes technical brands)
- **Share rate** (cartoon explainers share 4-6× more than equivalent live-action)

**When to dispatch:**
- SaaS product explainers (abstract features made concrete)
- Fintech / regulatory concept videos (trust-building around complex ideas)
- Children's content (obvious)
- Friendly brand positioning (moves brand from cold-technical to warm-approachable)
- Internal training / HR onboarding
- Health / medical concept explainers (reduces anxiety around complex topics)

---

## Primary Behavioral Framework

### Dual Coding Theory (Allan Paivio, 1971)

Information encoded in BOTH verbal and visual channels is retained 2-3× better than single-channel. Cartoon is the purest visual-verbal pairing medium — narration + symbolic imagery = dual-code activation.

**Why cartoons specifically:**
- Photographic imagery requires more cognitive processing (faces to recognize, realistic lighting to parse, setting to absorb)
- Cartoon imagery strips to essentials — brain processes meaning not perceptual detail
- Exaggerated motion + flat color zones + thick outlines = high-semantic-density, low-perceptual-load visuals
- Paired with voiceover narration, dual-code encoding activates fully

### Cognitive Load Theory (John Sweller, 1988)

Working memory has a hard limit (~4 chunks). Explainer video complexity must fit within that limit or comprehension collapses.

**Application:**
- Flat color zones reduce extraneous visual load
- Thick outlines separate figure from ground pre-attentively
- Limited palette (3-5 colors max per scene) reduces color-parsing cost
- Sequential reveal (not simultaneous presentation) respects working-memory limits
- Symbolic iconography replaces text where possible (icons compress semantic meaning)

### Combined mechanism

Dual Coding ensures information IS encoded memorably (both channels). Cognitive Load Reduction ensures information CAN be encoded (processing stays within working-memory limit). Result: viewer retains the core message + feels the brand is helpfully clear.

---

## Supporting Frameworks

- **Ekman Universal Emotion**: cartoon faces encode emotion 2-3× more strongly than realistic faces. Universal across cultures — enables global content
- **Pattern Interruption**: cartoon aesthetic in a photorealistic-dominated feed creates scroll-break
- **Approach-Motivation Neuroscience**: warm/rounded shapes trigger approach response (trust); angular/dark shapes trigger avoidance

---

## Behavioral → Cinematic Translation

| Animation choice | Behavioral mechanism activated |
|---|---|
| Flat color zones + thick outlines | Cognitive Load Reduction (low perceptual cost, high semantic) |
| Cel-shaded 2-tone shadows | Recognizable-as-animation → viewer brain parses as "symbolic" not "literal" |
| Limited palette (3-5 colors) | Working memory protection — prevents color-parsing bottleneck |
| Exaggerated facial expression (eye sparkle, veins, sweat drop) | Ekman Universal Emotion activation (emotional transfer amplified) |
| Rounded character silhouettes | Approach-Motivation (trust signal, friendliness) |
| Symbolic icons replacing text | Dual Coding + compressed semantic density |
| Sequential reveal (one concept at a time) | Working memory respect |
| Voiceover paired with visual | Dual Coding Theory activation |

---

## The 4-Act Structure (framework-driven)

### Act 1 — Hook + World Establishment (0-3s) — activates Pattern Interruption
Bold color wipe, type animation, protagonist silhouette reveal. Pattern breaks against feed norm.

### Act 2 — Concept Introduction (3-10s) — activates Cognitive Load Reduction
One idea. Simple visual metaphor. Character demonstrates problem. Narration explains.

### Act 3 — Mechanism Explanation (10-25s) — activates Dual Coding Theory
Step-by-step visual + verbal explanation of how the product/concept works. Symbolic iconography. Sequential reveal.

### Act 4 — Payoff + CTA (25-30s) — activates Approach-Motivation + Ekman Emotion
Character triumphant (positive emotion transfer via face). Solution achieved. Brand wordmark. CTA.

---

## Sales / Lead-Gen Templates

### Template 1 — SaaS explainer video (30s) — optimizing for signup conversion

```
SaaS explainer, 30 seconds, cartoon cel-shaded aesthetic, limited palette
(coral/mint/navy).

ACT 1 — Hook (0-3s):
Title card: bold sans-serif "Stop [painful-task]" in coral on mint
background, type bounces in with squash-and-stretch. At 2s, protagonist
character wipes in from right — flat-color, thick black outline, expressive
frustrated face.
BEHAVIORAL FUNCTION: Pattern Interruption (coral/mint in a blue-heavy feed).
Type animation captures attention. Frustrated face triggers Ekman recognition
within 300ms.

ACT 2 — Problem Setup (3-10s):
Character at desk, stack of tasks, overwhelmed expression. Thought bubble
appears with symbolic icons (emails, spreadsheet, clock). Narration: "If
you're [SPECIFIC AUDIENCE], you're drowning in [PROBLEM]."
BEHAVIORAL FUNCTION: Cognitive Load stays low (flat scene, symbolic icons).
Ekman emotion (overwhelm) triggers viewer mirror response.

ACT 3 — Mechanism (10-22s):
Product appears visually (character interacts with [PRODUCT] as icon).
3 sequential reveals of how it works:
  - Reveal 1 (10-14s): [FEATURE 1] — visual icon slides in, narration.
  - Reveal 2 (14-18s): [FEATURE 2] — icon, narration.
  - Reveal 3 (18-22s): [FEATURE 3] — icon, narration.
Each reveal holds 4 seconds. Background stays constant (reduces working
memory churn). Character's expression shifts from overwhelmed to curious.
BEHAVIORAL FUNCTION: Dual Coding fully activated (visual + verbal per
feature). Cognitive Load protected (sequential not simultaneous). Viewer
encodes 3 features deeply rather than 10 shallowly.

ACT 4 — Payoff + CTA (22-30s):
Character now relaxed, smiling, light bulb icon. Narration: "Save [X hours/
dollars/stress] — [CTA]." Product wordmark + URL. Final frame holds 2 seconds.
BEHAVIORAL FUNCTION: Ekman positive emotion transfer. Approach-Motivation
(rounded smile, warm color). CTA activation.
```

### Template 2 — Fintech trust-building explainer (45s)

```
Fintech concept explainer, 45 seconds, cartoon aesthetic, trust-forward
palette (mint/navy/white/coral-accent).

ACT 1 — Hook (0-3s):
Title card — clean typography, no shouting colors. Character (relatable
protagonist) enters frame thinking about money. Friendly approachable face.

ACT 2 — Problem (3-12s):
Character faces financial decision. Symbolic icons around head (stock
arrows, calculator, question mark). Narration: "Is [X] right for me?"
Pause, character looks worried.

ACT 3 — Mechanism (12-35s):
Concept explained via visual metaphor. If explaining "compound interest" —
show plant growing over time, money stacks adding on themselves. If
explaining "portfolio diversification" — show eggs in multiple baskets.
Narration paired with visual at each beat. 4-5 sequential beats, 4s each.

ACT 4 — Resolution (35-45s):
Character confident, smiling, equipped with understanding. Brand
wordmark — positioned as the helpful teacher, not the pushy salesperson.
CTA: "[Learn more / Start with us]".
BEHAVIORAL FUNCTION: Sage archetype positioning. Trust transfer from
explainer (brand-as-teacher) to product-buying decision.
```

---

## Anti-Patterns

| Anti-pattern | Behavioral mechanism it breaks |
|---|---|
| Too many colors per scene (>5) | Breaks Cognitive Load Reduction |
| Simultaneous information reveal | Breaks Working Memory protection |
| Text overlay without voiceover | Breaks Dual Coding (only 1 channel) |
| Realistic human faces | Breaks Ekman amplification (realistic faces read literally, not symbolically) |
| Angular/dark character design | Breaks Approach-Motivation (triggers avoidance) |
| Over-explaining | Breaks Cognitive Load (violates working memory) |
| Fast cuts | Breaks sequential-reveal respect for processing time |

---

## Confidence Tagging + Maxim Integration

```
🟢 HIGH confidence — cartoon explainer skill matched
Applied frameworks: Dual Coding + Cognitive Load Reduction + Ekman Emotion
Intended outcome: Learning retention + brand affinity
Audience complexity: [auto-detected from prompt; adjusts iconography density]
```

**Pack 1 Compliance Shield overlay:**
- Fintech / healthcare explainer content requires regulatory disclosure markers
- Investment concept videos require FINTRAC / SEC advisory language

**Pack 2 Behavioral Intelligence overlay:**
- Dual Coding + Spacing Effect cascade (multi-video series for same concept)
- Narrator voice-type variant generator (authoritative vs. peer vs. expert-friend)

**Pack 5 Brand & Design Pro overlay:**
- Cartoon aesthetic archetype mapping (Sage = teacher explainers; Caregiver = health explainers; Jester = playful brands)
- Brand palette enforcement (cartoon output must respect brand color tokens)

---

## Cross-Style Stacks

| Stacked with | Produces |
|---|---|
| + 06 motion-design-ad | Cartoon + kinetic type for maximum comprehension density |
| + 11 social-hook | 15-second cartoon explainer for TikTok/Reels |
| + 04 comic-to-video | Cartoon with comic-panel pacing for young-audience content |

---

## Model Portability

| Model | Cartoon fidelity |
|---|---|
| Runway Gen-3 | ✅ Native cartoon aesthetic |
| Sora | ✅ Strong narrative cartoon continuity |
| Kling | ✅ Good cel-shading |
| Seedance | ⚠️ Requires explicit "cel-shaded 2D" prefix |
| Higgsfield | ⚠️ Adjusted — works for motion but weaker on classic 2D |
| Veo | ⚠️ Works but skews semi-realistic |

---

## v2.0 Scope Note

Ships v1.0.0. Pack 2 extends with Dual Coding depth + Cognitive Load variant library. Pack 5 adds archetype-to-cartoon-treatment mapping.

---
_Copyright (c) 2026 iSystematic Inc. Maxim product. BSL 1.1._

