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.