motion-graphic-director

Converts a script or SRT into a shot-by-shot design document and frame-timing plan for Remotion.

4|1|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/MaizeCobra/motion-graphic-director-skill --skill motion-graphic-director
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: motion-graphic-director
Source: https://github.com/MaizeCobra/motion-graphic-director-skill/tree/main
Command: npx skills add https://github.com/MaizeCobra/motion-graphic-director-skill --skill motion-graphic-director

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill guides AI agents through a design-first pipeline for Remotion motion graphics, converting scripts or SRT inputs into a shot-by-shot design document and an accompanying frame-timing plan before any code is generated.

Core Features & Use Cases

  • Design-first workflow: Transform script inputs into a comprehensive design brief, then convert that brief into precise frame timings.
  • Editorial thinking & visuals: Produce visual metaphors, pacing, and transitions that shape the final video concept before coding.
  • Approval-driven: Requires user sign-off at design and timing stages to ensure alignment with intent and constraints.

Quick Start

Provide a design document from your script, then generate a frame-timing plan and await approval before coding.

Frequently Asked Questions about motion-graphic-director

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

FAQPage Schema
How do I create a frame-timing plan for Remotion motion graphics before coding?

To create a frame-timing plan for Remotion motion graphics, this skill converts your script or SRT input into a shot-by-shot design document that defines exact frames and transitions, requiring your sign-off before any code is generated.

What is a design-first workflow for Remotion video generation?

A design-first workflow for Remotion video generation orchestrates a director's pipeline—analysis, ideation, timing, and approval—translating scripts into visual metaphors and pacing rules before writing any implementation code.

Can I use an SRT file to generate a shot-by-shot design document for motion graphics?

Yes, you can use an SRT file as input to generate a shot-by-shot design document. The skill processes the SRT to establish editorial intent, visual metaphors, and frame timings as the ground truth for implementation.

What's the best way to enforce editorial intent and pacing in Remotion projects?

The best way to enforce editorial intent and pacing in Remotion projects is to use an approval-driven design phase that documents exact frames and transitions, ensuring alignment with your constraints before the build begins.

Do I need to approve the design document before the Remotion build starts?

Yes, you need to approve the design document before the Remotion build starts. The pipeline requires user sign-off at both the design and timing stages to ensure the final video concept matches your intended editorial direction.