English | 中文
One prompt. A launch video for your product.
An agent skill for Claude Code and Codex that turns websites, screenshots, recordings, and product briefs into editable product videos. Explore three visual directions, shape the story, then refine the film through playback and feedback.
Gallery · Install · How to use · How it works · Content
Made with launch-video-maker · Unofficial concept demos.
Built and tuned for Claude Code and Codex. The simplest way is to hand your agent the link:
Install this skill for me: https://github.com/SigmaMatrix-AI/launch-video-maker
Check my environment, install the required tools and dependencies,
and verify that the skill is ready to use.
Your agent handles setup and guides you through any steps that need your input.
Use launch-video-maker to create a product launch video for https://your-product.com.
Agree on the direction and story before spending time and tokens on detailed animation.
- Choose the look. Explore three distinct style frames using the same representative content, with a recommendation. Choose the typography, color, composition, and overall tone.
- Shape the story. Review a story script and rough storyboard. Decide what the video says, what it shows, and in what order.
- Refine the film. Develop a playable video, refining the UI, transitions, pacing, typography, and sound through playback and your feedback.
Films are built with React and TypeScript, rendered through Playwright, and encoded with FFmpeg. The same scene source, assets, frame timing, and audio mix drive the preview and export.
You keep the film source, local assets, and production notes. The browser player supports playback, scrubbing, and frame stepping; the CLI supports still capture, MP4 export, and review evidence collection.
launch-video-maker/
├── SKILL.md # Agent instructions and production workflow
├── references/ # Production guides
│ ├── pipeline.md # Three-stage workflow
│ ├── stage-deliverables.md # Deliverables, approvals, and continuation
│ ├── product-research.md # Website exploration and product evidence
│ ├── motion-language.md # Pacing and typography
│ ├── eval.md # Visual examples and Good / Bad criteria
│ ├── tech.md # Rendering, media, audio, and review tools
│ └── runtime-setup.md # Setup instructions for agents and developers
├── assets/ # Documentation images
│ ├── gallery/ # Demo WebP previews and source records
│ ├── motion/ # Animated reference excerpts and source records
│ ├── references/ # Composition references and storyboards
│ └── tapvid-cta.svg # README CTA banner
├── styles/ # Visual style references
└── runtime/ # Local video runtime
├── src/ # Rendering, media, audio, and CLI
├── web/ # Browser preview player
└── test/ # Runtime behavior tests
Visual style references live in styles/; each film’s composition and sequence are designed for its product.
Project-authored code and documentation are licensed under Apache-2.0.
Third-party software, fonts, demo media, and brand assets retain their own terms. See Third-party notices for sources, bundled font licenses, and permissions still requiring confirmation. Inclusion in this repository does not make those assets Apache-licensed or freely redistributable.