Video Script & Remotion Composition Generation

Before You Start

1. Check for brand identity: Read brand/VOICE.md and brand/VISUAL.md if they exist. Video content requires both voice (for narration/script tone) and visual identity (for colors, fonts, logo animations). If these files do not exist, use sensible defaults and suggest the user run the content-setup skill.

2. Determine what the user needs: This skill produces two possible outputs:

   • Storyboard / Script only -- a scene-by-scene document with narration, visual direction, and timing. Suitable for handing off to an editor or recording team.
   • Storyboard + Remotion code -- all of the above, plus a TSX composition that can be rendered programmatically using Remotion. Use this when the user wants a code-driven video.

3. Determine the template type: Ask the user (or infer from their prompt) which format fits:

   • Social Short (15-60 seconds) -- punchy, hook-first, vertical or square format (templates/social-short.tsx.template)
   • Explainer (2-5 minutes) -- structured walkthrough with sections, diagrams, code animations (templates/explainer.tsx.template)
   • Data Story -- animated charts, number reveals, data transitions (templates/data-story.tsx.template)
   • Talking Head -- person on camera with lower thirds, name cards, topic overlays (templates/talking-head.tsx.template)

4. Gather inputs: Topic, target audience, key message, desired duration, platform (YouTube, TikTok, LinkedIn, X, Instagram Reels), and any existing assets (images, logos, data).