Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

30 to 90 second animated explainer video v1.0.0

Use this resource to produce a short explainer video from an idea

New

  • 538 downloads
  • 149 likes
  • 105 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install explainer-video-pipeline

With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.

First time: connect the CLI with

npx --yes palatekit@latest login

The agent first locks the core idea and the story arc (problem, stakes, solution, how it works, payoff), then writes a timed voiceover. It turns that into a storyboard, animated scenes and captions synced to the narration, and can render everything to MP4 with Remotion. You get a short, well-paced video with one consistent style throughout.

Mostly picked by

Updated November 2, 2026

Explainer video storyboard with narration and synced captions

Details

Works in
Install guides
Generates with
Remotion
Uses
  • Remotion (optional, for MP4 rendering)
  • Node.js (optional)
Licence
MIT

Similar resources

View all
  • Free

    Video

    App window with zoom

    • 365365 downloads
    • 125125 likes
    • 188188 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • Free

    Video

    One big number

    • 463463 downloads
    • 223223 likes
    • 100100 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Three bars head to head

    • 348348 downloads
    • 133133 likes
    • 182182 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Before / after slider

    • 322322 downloads
    • 248248 likes
    • 238238 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Three-card carousel

    • 418418 downloads
    • 157157 likes
    • 101101 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Chat exchange

    • 564564 downloads
    • 127127 likes
    • 161161 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames
  • PRO

    Video

    Checklist ticking off

    • 442442 downloads
    • 233233 likes
    • 160160 saves
    Works with
    • Claude Code
    • Codex
    • Cursor
    • and 3 more
    + HyperFrames

What you get

  • SKILL.md: story structure, script formula, voiceover timing math, scene techniques, captions
  • Ready-to-use code snippets: diagram reveal, kinetic keyword, count-up number
  • references/script-to-screen-workflow.md: sample script, fill-in storyboard, per-scene checklist

Good fit for

  • Presenting a product or service in under 90 seconds
  • Creating an onboarding or how-it-works video for new users
  • Explaining a concept to students or clients with a single analogy

Not for

  • Making long videos or films with actors
  • Editing already filmed footage with no animation

Tags

  • explainer video
  • script
  • storyboard
  • captions
  • voiceover

About

You say

"Make a 60-second explainer video presenting my invoicing app, with voiceover and captions."

Explainer video storyboard with narration and synced captions

Skill published by iart-ai under the MIT license.

Show more

Prerequisites

You bring
The idea or product to explain and The target audience and the desired final action
Dependencies
Remotion (optional, for MP4 rendering) and Node.js (optional)

How to use it

  1. Install the skill in your agent's skills folder.
  2. Give the idea, the target audience and the action the viewer should take at the end.
  3. Approve the script, then the storyboard, before starting the render.

Content preview

Files

  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0 KB
  • references/script-to-screen-workflow.md6.7 KB
  • SKILL.md10 KB

Origin and licence

Modified by PalateKit

Author
iart-ai
Source
github.com/iart-ai/explainer-video-skills/tree/3e2d411b725d9a72939cf8e5eb81579e751373e7/skills/explainer-video
Licence
MIT

Notice

Version modifiée de « explainer-video » (iart-ai, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Do I need to install Remotion?

Only to render an MP4. The script, storyboard and captions work without it. The text also mentions small helper scripts (scripts/) that are not included here: they only check the render and are optional.

Is the voiceover generated?

The skill writes and times the voiceover. You record it yourself or produce it with a text-to-speech tool of your choice.