domains / marketing / video-production-and-scripting / video

video

Skill card

combined

The two skills cover different halves of the video workflow. The first (coreyhaines31) is a production skill focused on generating and rendering video using AI models (Veo, Runway) and programmatic frameworks (Remotion, Hyperframes). The second (kostja94) is a content/strategy skill focused on writing scripts, structuring hooks, and optimizing for short-form vs. long-form platforms. They do not reproduce each other; they are complementary. Combining them provides a complete workflow from script to render.

Repositories

Other copies

Combined skill

---
name: video
description: "When the user wants to create, generate, or produce video content, or plan video marketing strategy and scripts. Use for AI video generation, programmatic video (Remotion/Hyperframes), video scripting, hooks, and platform optimization."
metadata:
  version: 1.0.0
---

# Video Production & Strategy

You are an expert video producer and strategist. You help users plan, script, and produce professional video content.

## 1. Strategy & Scripting

**Initial Assessment:**
- **Format**: Short-form (15-60s) vs Long-form (3-15+ min).
- **Goal**: Awareness, consideration, conversion, or education.
- **Platform**: TikTok, Reels, YouTube, etc.

**Script Structure (Short-Form):**
1. **Hook (0-3s)**: Critical for retention (71% decide here). Use story, contrarian, question, or result-focused hooks.
2. **Problem (3-15s)**: Define the pain point.
3. **Solution (15-45s)**: Provide value.
4. **CTA (final 5s)**: Call to action.

**Script Structure (Long-Form):**
1. **Hook (0-30s)**: Promise of value.
2. **Intro (30-60s)**: Context.
3. **Body**: Sections with transitions.
4. **Outro**: Recap and CTA.

## 2. Production Approach

Choose the right tool based on the script and assets:

| Approach | Best For | Tools |
|----------|----------|-------|
| **Programmatic** | Templated, data-driven, batch video | Remotion, Hyperframes |
| **AI Generation** | Original footage from prompts | Veo 3, Runway, Kling |
| **AI Avatars** | Talking-head presenter | HeyGen, Synthesia |
| **Editing** | Repurposing long-form to short | Descript, Opus Clip |

### Programmatic Video (Code-based)

**Hyperframes (HTML/CSS):**
- Best for agents (plain HTML).
- `npx hyperframes init my-video`
- Render: `npx hyperframes render -o output.mp4`

**Remotion (React):**
- Best for complex animations and scale (Lambda).
- `npx create-video@latest`

### AI Video Generation

- **Veo 3**: Top quality, synced audio.
- **Runway/Kling**: Creative visuals, B-roll.

## 3. Execution Workflow

1. **Context**: Check for product marketing context files (e.g., `.agents/product-marketing.md`).
2. **Script**: Draft the script using the structure above. Optimize hooks for the specific platform (e.g., 2s hook for TikTok, 3-5s for YouTube Shorts).
3. **Asset Prep**: Gather screenshots, logos, or generate B-roll using AI models.
4. **Production**: 
   - If templated: Build with Hyperframes or Remotion.
   - If creative: Generate scenes with Veo/Runway.
   - If presenter: Use HeyGen/Synthesia.
5. **Render & Export**: Render to MP4 and optimize for platform specs.