git404hub

what is demo-video-creation-skill fr?

derrickgong87/demo-video-creation-skill — explained in plain English

Analysis updated 2026-05-18

17TypeScriptAudience · pm founderComplexity · 3/5LicenseSetup · moderate

tl;dr

A reusable Codex agent skill that turns a company URL and product screenshots into a finished, quality-checked SaaS demo video using Remotion and FFmpeg.

vibe map

mindmap
  root((Demo Video Skill))
    What it does
      Researches company site
      Captures screenshots
      Builds video with Remotion
    Tech stack
      Remotion
      FFmpeg
      Python scripts
    Use cases
      SaaS launch videos
      Product demo reels
      Investor pitch clips
    Requirements
      Node.js and npm
      Browser automation
      Local FFmpeg install

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Turn a single company URL into a 60 to 90 second product demo video plan and finished render.

VIBE 2

Capture real product screenshots and build a storyboard instead of using generic stock footage.

VIBE 3

Produce a launch demo video with a specific target audience, call to action, and platform in mind.

VIBE 4

Run automated quality checks on a finished demo video before delivering it to a client or team.

what's the stack?

TypeScriptRemotionFFmpegPythonNode.js

how it stacks up fr

derrickgong87/demo-video-creation-skill5uck1ess/ciceroaaglexx/mcp-man
Stars171717
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderateeasy
Complexity3/52/5
Audiencepm founderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · moderate time til it works · 30min

Producing an actual rendered video requires Node.js, Remotion, and FFmpeg installed locally, not just the skill file itself.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

in plain english

This repository is a reusable skill for Codex and similar AI coding agents that turns a company website into a finished product demo video. Given just a single URL, the agent can research the site, capture real screenshots of the product, write a storyboard the way a product manager would, build the video using Remotion and FFmpeg, and check the final render before it is delivered. The skill works with as little as a company URL, but it improves as the user provides more, such as the actual steps a user takes in the product, screenshots, brand assets, a reference video to match the pacing of, a call to action, or details about the target audience and platform. The output is typically a 60 to 90 second demo video, rendered at 1080p by default and at 4K when that is requested or makes sense for the project. The skill guides the agent through browser based research and screenshot capture of real product screens, rather than relying on generic stock footage or slides. The repository ships a folder structure with the skill definition itself, written guides covering the capture workflow, storytelling approach, visual system, and how to combine Remotion with FFmpeg, along with Python scripts for writing the demo brief, running quality checks on the finished video, and generating contact sheets. It also includes a starter Remotion project as a base for building the demo. To install it, a user copies the skill folder into their Codex skills directory, on Windows, macOS, or Linux. Actually producing a finished video generally needs Node.js, npm, Remotion, and FFmpeg installed locally, plus some form of browser automation to capture the live screenshots. The included quality checklist is meant to catch common problems such as blurry screenshots, misaligned cursors, unsupported marketing claims, and files that were never actually inspected before delivery. The project is released under the MIT license.

prompts (copy fr)

prompt 1
Use demo-video-creation-skill to create a 60-90 second 4K demo video for my product's website.
prompt 2
Help me set up the Remotion starter template included in this skill for my own demo project.
prompt 3
Walk me through how the storyboard and screenshot capture steps work before video production starts.
prompt 4
Show me how the qc_video.py script checks a finished demo video for quality problems.

Frequently asked questions

what is demo-video-creation-skill fr?

A reusable Codex agent skill that turns a company URL and product screenshots into a finished, quality-checked SaaS demo video using Remotion and FFmpeg.

What language is demo-video-creation-skill written in?

Mainly TypeScript. The stack also includes TypeScript, Remotion, FFmpeg.

What license does demo-video-creation-skill use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is demo-video-creation-skill to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is demo-video-creation-skill for?

Mainly pm founder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.