KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

demo-video-creation-skill

★ 18 Open GitHub ↗

A reusable Codex skill for creating polished SaaS and product demo videos from a company URL, screenshots, and product flows.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Demo Video Creation Skill

Turn a company URL into a polished SaaS/product demo video workflow for Codex and other AI coding agents.

This repository packages a reusable skill that helps an agent research a product website, capture high-resolution UI evidence, write a product-manager-quality storyboard, build the video with Remotion and FFmpeg, and verify the final render before delivery.

## What It Does

- Starts from a single company URL when that is all the user has.
- Improves with richer inputs such as product flow, screenshots, brand assets, reference videos, CTA, audience, or platform.
- Guides browser research and screenshot capture for real product surfaces.
- Produces a 60-90 second demo video plan and production workflow.
- Supports 1080p by default and 4K when requested or appropriate.
- Includes reusable scripts for brief creation, video QC, and contact sheets.
- Includes a generic Remotion starter template for product-demo composition.

## Install

Copy the skill folder into your Codex skills directory.

Windows PowerShell:

```powershell
Copy-Item -Recurse .\demo-video-creation-skill "$env:USERPROFILE\.codex\skills\demo-video-creation-skill"
```

macOS or Linux:

```bash
cp -R ./demo-video-creation-skill ~/.codex/skills/demo-video-creation-skill
```

If your agent uses a different skills directory, copy the `demo-video-creation-skill/` folder there.

## Example Prompts

URL-only:

```text
Use $demo-video-creation-skill to create a 60-90 second 4K demo video for https://example.com.
```

With product flow:

```text
Use $demo-video-creation-skill. Make a 75 second launch demo for https://example.com. The target user is a RevOps manager. Show: import CRM data, clean duplicates, generate pipeline forecast, export report. Use a calm enterprise style.
```

With assets and reference:

```text
Use $demo-video-creation-skill to make a vertical product demo for this app. Use the screenshots in ./assets, follow the pacing of the reference video, and keep the CTA focused on free trial signup.
```

## Included Structure

```text
demo-video-creation-skill/
  SKILL.md
  agents/openai.yaml
  references/
    capture-workflow.md
    storytelling.md
    visual-system.md
    remotion-ffmpeg.md
    qc-checklist.md
  scripts/
    create_demo_brief.py
    qc_video.py
    make_contact_sheet.py
  assets/remotion-starter/
```

## Requirements

The skill can guide planning without local dependencies, but production-quality rendering typically uses:

- Node.js and npm
- Remotion
- FFmpeg and ffprobe
- Browser automation or an in-app browser for live capture

## Quality Bar

The skill is designed to prevent common demo-video failures:

- Generic marketing copy with no real product loop
- Blurry screenshots
- Slide-like scene jumps
- Misaligned cursors and callouts
- Unsupported claims
- Unlicensed music
- Final files that were never inspected with ffprobe or contact sheets

## Promotional Copy

**English**

Create a launch-ready product demo from a single URL. This skill turns real product pages into a crisp storyboard, high-resolution UI captures, Remotion motion, FFmpeg verification, and a final 1080p or 4K video workflow.

**中文**

只给一个公司网址，也能做出像样的产品 Demo Video。这个 skill 会帮 Agent 研究真实产品页面、截图高清界面、提炼产品故事、用 Remotion 做动效、用 FFmpeg 做质检，最后产出 1080P 或 4K 级别的视频工作流。

## 中文说明

这个开源项目的目标不是给某一个产品写死模板，而是把“高质量产品演示视频”的制作流程沉淀成可复用的 skill。

用户只需要输入公司网址，Agent 就可以开始调研产品、截图、写脚本、规划镜头、搭建 Remotion 项目并做视频质检。如果用户能补充产品操作流程、品牌素材、截图、参考视频、目标用户和投放平台，最终视频质量会更高。

适合场景：

- SaaS 产品发布视频
- AI 产品 Demo
- App 功能演示
- 官网转视频
- 投资人或发布会演示
- 社媒广告素材

核心原则：

- 用真实产品界面，不做空泛宣传片
- 先理解产品核心功能，再设计镜头
- 视频至少 1080P，高要求场景支持 4K
- 文案、动效、音乐、转场都服务产品逻辑
- 最终交付前必须做画面和技术质检

## License

MIT

demo-video-creation-skill

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README