video-generatorlisted
Install: claude install-skill sheikh-mohammad/agent-factory-claude-skills
# Video Generator (Remotion)
Create professional motion graphics videos programmatically with React and Remotion.
## Default Workflow (ALWAYS follow this)
1. **Scrape brand data** (if featuring a product) using Firecrawl
2. **Create the project** in `output/<project-name>/`
3. **Build all scenes** with proper motion graphics
4. **Install dependencies** with `npm install`
5. **Fix package.json scripts** to use `npx remotion` (not `bun`):
```json
"scripts": {
"dev": "npx remotion studio",
"build": "npx remotion bundle"
}
```
6. **Start Remotion Studio** as a background process:
```bash
cd output/<project-name> && npm run dev
```
Wait for "Server ready" on port 3000.
7. **Expose via Cloudflare tunnel** so user can access it:
```bash
bash skills/cloudflare-tunnel/scripts/tunnel.sh start 3000
```
8. **Send the user the public URL** (e.g. `https://xxx.trycloudflare.com`)
The user will preview in their browser, request changes, and you edit the source files. Remotion hot-reloads automatically.
### Rendering (only when user explicitly asks to export):
```bash
cd output/<project-name>
npx remotion render CompositionName out/video.mp4
```
## Quick Start
**IMPORTANT:** `create-video@latest` has an interactive CLI that blocks in non-TTY environments. Use manual scaffolding instead:
```bash
mkdir -p output/my-video/src/scenes output/my-video/public/audio output/my-video/public/images
cd output/my-video
# Create package.json manually
cat