本文へ移動
cccskills
無料GitHub で公開

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.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md11.1 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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 choiceBehavioral mechanism activated
Flat color zones + thick outlinesCognitive Load Reduction (low perceptual cost, high semantic)
Cel-shaded 2-tone shadowsRecognizable-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 silhouettesApproach-Motivation (trust signal, friendliness)
Symbolic icons replacing textDual Coding + compressed semantic density
Sequential reveal (one concept at a time)Working memory respect
Voiceover paired with visualDual 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-patternBehavioral mechanism it breaks
Too many colors per scene (>5)Breaks Cognitive Load Reduction
Simultaneous information revealBreaks Working Memory protection
Text overlay without voiceoverBreaks Dual Coding (only 1 channel)
Realistic human facesBreaks Ekman amplification (realistic faces read literally, not symbolically)
Angular/dark character designBreaks Approach-Motivation (triggers avoidance)
Over-explainingBreaks Cognitive Load (violates working memory)
Fast cutsBreaks 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 withProduces
+ 06 motion-design-adCartoon + kinetic type for maximum comprehension density
+ 11 social-hook15-second cartoon explainer for TikTok/Reels
+ 04 comic-to-videoCartoon with comic-panel pacing for young-audience content

Model Portability

ModelCartoon 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.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

AI video and image prompt engineering — video generation, image generation, product video, social media video, cinematic direction, animation, Seedance, Higgsfield, GPT-Image-2. Applies 15 Maxim-authored cinematic styles and the atomic prompt schema.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Apply a named behavioral science framework to any task — persuasion, nudge design, habit formation, conversion, influence, negotiation, cognitive bias, choice architecture, decision framing. The framework backbone every other Maxim skill loops into for psychological validation.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Founder and CEO automation — morning standup, overnight cycle, burn rate, runway, pipeline review, investor and fundraising prep, executive summary, daily digest. Operates on the .mxm-executive-summary context.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Tear down a company on request — "do a teardown of", "break down this company", "analyze this competitor's business". Fixed-template output: business model, how they make money, positioning, and where they are exposed.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Track what a competitor actually shipped — "watch this competitor", "track what they ship", "what changed at". Compares against the last snapshot and reports only real moves: launches, pricing changes, positioning shifts.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

Regulatory review across 14 frameworks — compliance review, privacy impact assessment, regulatory gap analysis, data subject rights, consent mechanisms, audit trail, AI ethics review, data flow mapping. Covers GDPR, PIPEDA, HIPAA, PCI-DSS, SOC2, UAE-PDPL, EU AI Act and more.

日本語の概要は準備中です。原文の説明を表示しています。

DrNabeelKhan/maxim22026年9月17日 更新

DrNabeelKhan のスキルをすべて見る

このスキルの問題を報告する