video-generation

Convert briefs into frame-accurate Remotion scene plans with QA validation.

Updated Feb 13, 2026
One-click install
npx skills add https://github.com/alvarovillalbaa/plugins --skill video-generation-alvarovillalbaa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: video-generation
Source: https://github.com/alvarovillalbaa/plugins/tree/main/marketing/skills/video-generation
Command: npx skills add https://github.com/alvarovillalbaa/plugins --skill video-generation-alvarovillalbaa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill turns vague video requests into a production-ready Remotion plan by enforcing strategy approval, layout-first scene design, and frame-accurate validation so your renders don’t drift into broken timing, unreadable captions, or inconsistent brand visuals.

Core Features & Use Cases

  • Strategy-first Remotion workflow: confirms a plain-English plan before major implementation and treats the plan/artifact as the durable source of truth.
  • Scene-first production discipline: locks composition metadata early (fps, dimensions, duration), builds each scene’s hero frame before animating, and preserves timing coherence across code and manifests.
  • Operating modes for different pipelines: supports scene-first builds, manifest-driven walkthroughs, and JSON timeline rendering via @json-render/remotion.
  • Render and review QA gates: includes self-evaluation and checklist-based verification (hook/ending frames, scene boundaries, caption-safe coverage, and transitions).
  • Image sourcing as part of design: reuses existing assets, promotes local assets into public pipelines when needed, and supports code-as-image product visuals.

Quick Start

Ask the Skill to produce a scene-first Remotion storyboard and plan for a branded product launch video (including fps, dimensions, scene list with frame ranges, caption strategy, and the hero-frame layout contract).

Frequently Asked Questions about video-generation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I plan a Remotion video to prevent broken timing and unreadable captions?

To prevent broken timing and unreadable captions in Remotion videos, use a scene-first production workflow that locks composition metadata early and builds hero frames before animating.

What is the best way to structure a JSON timeline rendering pipeline for Remotion?

The best way to structure a JSON timeline rendering pipeline for Remotion is to use a structured scene manifest that enforces explicit composition metadata and frame-accurate timing coherence before final render.

Can I produce manifest-driven walkthrough videos using React animation?

Yes, you can produce manifest-driven walkthrough videos using React animation by converting a brief into a strategy-approved scene plan that drives consistent Remotion implementation.

How do you ensure caption-safe coverage during React video generation?

You ensure caption-safe coverage during React video generation by enforcing layout-before-animation hero frames and running checklist-based QA validation prior to final render.

Does Remotion video production require strategy approval before scene implementation?

Yes, Remotion video production requires strategy approval before major implementation, treating the plain-English plan as the durable source of truth for the project.

Why do my Remotion animations drift into inconsistent brand visuals?

Remotion animations drift into inconsistent brand visuals when they lack a frame-accurate scene plan that enforces asset sourcing decisions and layout-first hero frame design.