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

mxm-motion-design-ad

Maxim motion-design + kinetic typography video — engineered for comprehension-to-conversion via AIDA + Hick's Law. Explainer-ad hybrid that makes complex value props land in under 15 seconds and converts via behavioral-architected CTA.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md8.7 KB

SKILL.md(原文)

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

Maxim Motion Design — Comprehension-to-Conversion Engine

The Maxim Moat

Other libraries teach motion-graphic aesthetics — type animation, kinetic typography, graphic reveals. Pretty kinetic videos nobody acts on.

Maxim's motion-design style is engineered from AIDA + Hick's Law first, motion craft second. The structure IS the behavioral funnel. Each beat converts attention to interest to desire to action with measured timing calibrated to attention physiology.


Business Outcome

What this style moves:

  • Conversion rate for explainer-driven products (SaaS signups, service bookings, feature adoption)
  • Comprehension (complex benefits land in 15-30s)
  • Click-through rate on end CTA (+25-40% vs. narrative video for same product)
  • Ad recall + unaided brand association

When to dispatch:

  • SaaS explainer ads (Facebook / Instagram / YouTube pre-roll)
  • Service business explainers (agency, consulting, platform)
  • Feature launches within existing products
  • Data visualization ads (stat-driven claims)
  • B2B explainer content

Primary Behavioral Framework

AIDA (Elias St. Elmo Lewis, 1898 — 127 years old and still works)

The classical marketing structure: Attention → Interest → Desire → Action. For short-form explainer video, AIDA is the behavioral skeleton that maps to the 4-act structure.

Mapped to motion design:

  • Attention (0-2s): bold type hook, movement, color contrast
  • Interest (2-6s): relatable problem statement, supporting visuals
  • Desire (6-12s): solution demonstration with clear benefit icons
  • Action (12-15s): CTA with urgency marker, URL, clear next-step

Hick's Law (William Edmund Hick, 1952)

Decision time increases logarithmically with number of choices. In video CTA context: one clear action converts; multiple choices paralyze.

Application:

  • Single CTA per video (never "buy AND follow AND share")
  • CTA button-style in final frame (single visual focus)
  • URL + action verb + single-line value prop (not feature list)

Combined mechanism

AIDA moves viewer through the behavioral funnel step-by-step at explainer pace. Hick's Law protects the CTA moment by limiting decision complexity. Result: viewer arrives at CTA emotionally primed + cognitively clear = conversion.


Supporting Frameworks

  • Cognitive Load Reduction: limited palette, controlled typography, sequential reveal
  • F-pattern Eye Tracking: Western audiences scan F-shape; key information placed at F-line intersections
  • Typographic Hierarchy: size + weight + color contrast signal importance within 200ms

Behavioral → Cinematic Translation

Motion choiceBehavioral mechanism activated
Bold headline type reveal (0-2s)AIDA Attention — pattern break + semantic content
Single color + single font at startCognitive Load protection
Problem stat in hero type (2-6s)AIDA Interest + F-pattern placement
Sequential icon parade (6-10s)Typographic Hierarchy + sequential reveal
Benefit hero statistic (10-12s)AIDA Desire — quantified value claim
Single CTA button in final frameHick's Law protection — one decision
URL persistent on end frameConversion path friction removal

The 4-Act Structure (AIDA-mapped)

Act 1 — Attention (0-2s)

Bold headline type animates in. Cubic-bezier ease-out. 80ms stagger per character. Accent brand color on neutral background.

Act 2 — Interest (2-6s)

Supporting statement. Problem-focused. 2-3 supporting icons slide in with 200ms overlap.

Act 3 — Desire (6-12s)

Solution statistic animates. Count-up effect. Supporting caption. The "wow" moment.

Act 4 — Action (12-15s)

All elements exit. CTA button slides in. URL persistent. Brand color wash. Brand logo lock-up.


Sales / Lead-Gen Templates

Template 1 — SaaS conversion explainer (15s) — optimizing for signup

SaaS conversion ad, 15 seconds, AIDA-structured motion design.

ACT 1 — Attention (0-2s):
Bold sans-serif headline "[BRAND BENEFIT STATEMENT]" animates letter-by-
letter, 80ms stagger, cubic-bezier ease-out. Accent color (coral) on dark
navy background. Type weighs in at 80pt, dominates frame.
BEHAVIORAL FUNCTION: AIDA Attention — pattern break in feed. Typographic
Hierarchy signals importance pre-consciously.

ACT 2 — Interest (2-6s):
Supporting stat or problem statement appears below at 2.2s — "[X]% of
[AUDIENCE] struggle with [PROBLEM]." Three icons slide in left-to-right
at 3s / 4s / 5s representing the three pain dimensions.
BEHAVIORAL FUNCTION: AIDA Interest. F-pattern placement — viewer scans
from headline to supporting info. Cognitive Load stays low (3 icons, not 7).

ACT 3 — Desire (6-12s):
Statistic hero — "[PRODUCT NAME] saves [NUMBER] [UNIT]". Count-up animation
from 0 to final value in 1.5s with ease-out. Final value holds with subtle
pulse. Supporting caption below: "per [TIME_PERIOD]".
BEHAVIORAL FUNCTION: AIDA Desire — quantified value claim. Count-up effect
extends attention dwell. Viewer processes specific promise.

ACT 4 — Action (12-15s):
All elements exit with 200ms slide-right. Single CTA button slides in from
left — "[ACTION VERB] Free" in accent color. URL persistent below. Brand
logo top-left. Final frame holds 1.5 seconds.
BEHAVIORAL FUNCTION: Hick's Law protected (single CTA). Cognitive Load at
minimum (clean end frame). URL persistence removes action friction.

Template 2 — Service business explainer (30s)

Service business explainer, 30 seconds, AIDA + benefit stacking.

ACT 1 — Attention (0-3s):
Problem hook: "[INDUSTRY PAIN QUESTION]?" bold type reveal. Pause frame 1s.

ACT 2 — Interest (3-12s):
Problem visualization — dollar loss, time waste, stress indicator. Three
sub-problems surface in sequence. Each 3s.

ACT 3 — Desire (12-24s):
Service intro at 12s. Mechanism explained in 3 visual beats:
  - Beat 1 (12-16s): what happens first
  - Beat 2 (16-20s): what happens next
  - Beat 3 (20-24s): outcome
Each beat has icon + headline + micro-stat.

ACT 4 — Action (24-30s):
"Book a free consultation" CTA. Urgency marker ("[LIMITED SLOTS/THIS WEEK]").
URL. Brand mark.

Anti-Patterns

Anti-patternBreaks
Headline not bold enoughBreaks AIDA Attention
Multiple competing CTAsBreaks Hick's Law
Feature list instead of benefitBreaks AIDA Desire (features don't create desire; outcomes do)
Too many icons simultaneouslyBreaks Cognitive Load Reduction
Motion for motion's sakeBreaks F-pattern eye tracking
No quantified claim in Desire actBreaks specificity — vague promises don't convert
CTA buried at end (small / off-brand)Breaks conversion — CTA IS the moment

Confidence Tagging + Maxim Integration

🟢 HIGH confidence — motion-design-ad skill matched
Applied frameworks: AIDA + Hick's Law + Cognitive Load Reduction
Intended outcome: Comprehension → conversion (click-through)
Audience: [B2B / B2C / prosumer detected]

Pack 2 Behavioral Intelligence overlay:

  • AIDA + Scarcity + Loss Aversion cascade for urgent promotions
  • A/B variant: same content, headline anchored to curiosity vs. benefit

Pack 5 Brand & Design Pro overlay:

  • Typographic brand system enforcement
  • Motion-easing library lock (per-brand easing curves)
  • Color-hierarchy enforcement

Cross-Style Stacks

Stacked withProduces
+ 03 cartoonExplainer-comprehension hybrid
+ 07 ecommerce-adMotion-design product conversion ad
+ 02 3d-cgiCGI hero + motion graphics overlay for tech brands

Model Portability

ModelMotion design fidelity
Runway Gen-3✅ Native
Veo✅ Excellent kinetic typography
Sora✅ Strong narrative motion graphics
Seedance / Higgsfield⚠️ Requires heavy typographic prompting
Kling⚠️ Works but leans realistic motion

v2.0 Scope Note

Ships v1.0.0. Pack 2 extends with AIDA variant library + cross-framework conversion cascades.


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 のスキルをすべて見る

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