derrickgong87/demo-video-creation-skill — explained in plain English
Analysis updated 2026-05-18
Turn a single company URL into a 60 to 90 second product demo video plan and finished render.
Capture real product screenshots and build a storyboard instead of using generic stock footage.
Produce a launch demo video with a specific target audience, call to action, and platform in mind.
Run automated quality checks on a finished demo video before delivering it to a client or team.
| derrickgong87/demo-video-creation-skill | 5uck1ess/cicero | aaglexx/mcp-man | |
|---|---|---|---|
| Stars | 17 | 17 | 17 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | moderate | — | easy |
| Complexity | 3/5 | — | 2/5 |
| Audience | pm founder | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Producing an actual rendered video requires Node.js, Remotion, and FFmpeg installed locally, not just the skill file itself.
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.
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.
Mainly TypeScript. The stack also includes TypeScript, Remotion, FFmpeg.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated moderate, with roughly 30min to a first successful run.
Mainly pm founder.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.