mcpField
R
remotion-explainer

remotion-explainer

github.com/phamthanhnghiaCreative & media358 installsUpdated 14w ago
Repository

About remotion-explainer

remotion-explainer is a skill for making narrated explainer videos with Remotion from a topic, article, mechanism, or concept, without requiring existing footage. It guides scene planning and composition creation for audiences from beginner to expert.

Key features

  1. 01Narrated explainer compositions
  2. 02Animated text, icons, and illustrations
  3. 0310–20 second storyboard scenes
  4. 04Audience, length, language, and aspect-ratio setup
  5. 0530–180 second outputs

Use cases

  1. 01Explain a concept without existing footage
  2. 02Turn an article into a narrated video
  3. 03Create a walkthrough tailored to an audience

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/phamthanhnghia/remotion-agent-skills --skill remotion-explainer

After installing, type/remotion-explainerin Claude Code to confirm it loaded.

Details

From the project README

Remotion Explainer Workflow

Author narrated explainer videos explaining a topic, article, blog post, mechanism, or concept using Remotion.

Contract & Prerequisites

  • Input: A topic, article, blog post, mechanism, or concept to explain. No existing footage required. The agent invents visuals to illustrate the explanation.
  • Output: A narrated Remotion composition with text, icons, animated illustrations, and structured scenes, 30–180 s.
  • Triggers: "explain X", "make an explainer about", "teach how X works", "walkthrough of X concept".

Interview & Setup

  1. Topic / Concept: What is the core subject to explain?
  2. Audience: Beginner, Intermediate, or Expert (default: Beginner).
  3. Target Length: 30s, 60s, 90s, or 120s (default: 60s).
  4. Language: Target language for narration/text.
  5. Aspect Ratio: 16:9 (YouTube), 9:16 (Shorts/Reel), 1:1 (LinkedIn).

Workflow Execution

  1. Write BRIEF.md confirming the workflow intent.
  2. Author STORYBOARD.md breaking the explainer into clear 10–20s scenes.
  3. Build composition components using /remotion-core and /remotion-animation.
  4. Render & verify output via /remotion-cli.

Comments

Markdown supported