cua-bench.mp4
A monorepo for creating product launch videos using Remotion, Next.js, and TailwindCSS. Built for teams who want to make videos with React instead of traditional video editors.
Works great with Claude Code + Remotion Skills.
Note
If you find this project useful, consider giving Cua a star!
# Install dependencies
pnpm install
# Create a new video project
pnpm create-video
# Open Remotion Studio
pnpm remotion
# Render video
pnpm renderlaunchpad/
├── packages/
│ ├── shared/ # Reusable components (FadeIn, SlideUp, TextReveal)
│ └── assets/ # Brand assets (colors, fonts, sounds)
├── videos/
│ ├── _template/ # Template for new videos
│ └── cuabench/ # Example video project
├── scripts/
│ └── create-video.ts # CLI to scaffold new videos
└── docs/ # Documentation
| Package | Description |
|---|---|
@launchpad/shared |
Reusable Remotion components and hooks |
@launchpad/assets |
Brand colors, fonts, and sound effects |
The videos/cuabench/ directory contains a complete example showing:
- Word-by-word text animations
- Terminal and code editor scenes
- Counter animations with easing
- Video transitions
- Sound effects and background music
pnpm --filter @launchpad/cuabench remotionInstall Remotion skills for AI-assisted video development:
npx skills add remotion-dev/skillsThen describe what you want:
"Create an intro scene with word-by-word text reveal, white text on dark background"
See Claude Code Workflow for details.
| Command | Description |
|---|---|
pnpm create-video |
Create a new video project |
pnpm remotion |
Open Remotion Studio |
pnpm dev |
Start Next.js preview |
pnpm render |
Render video locally |
pnpm build |
Build all packages |
Contributions are welcome! Please see our contributing guidelines.
MIT License - see LICENSE for details.