AI-Video-Maker

KO | EN

gitlite — search

#python #hacktoberfest #typescript #go #android #machine-learning #deep-learning #linux #windows #awesome #pytorch #ios #openai #open-source

(★ 1)

Professional video creation suite with Claude Code skills - Remotion, React, AI voiceover

AI-Video-Maker 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# AI Video Maker 🎬

A comprehensive suite of **professional video creation tools** and **AI skills** for generating high-quality marketing videos, presentations, and animations using Remotion, React, and Claude AI.

## 📚 What's Included

### 🎬 Video Projects

#### 1. **Claude Code Video** (3 minutes)
Professional marketing video showcasing Claude Code features, benefits, and use cases.
- 9 animated scenes with smooth transitions
- AI-generated professional voiceover
- Modern, vibrant design with gradient accents
- Complete feature showcase
- Ready for YouTube, marketing campaigns, and presentations

**Location:** `output/claude-code-video/`

#### 2. **Claude Cowork Video** (60 seconds)
Promotional video for Claude's coworking capabilities.
- 9 professional scenes
- Features & benefits overview
- Modern styling with dynamic animations

**Location:** `output/claude-cowork/`

#### 3. **Philosophy Matters Video** (25 seconds)
Educational video about philosophy in modern times.
- Minimalist modern design
- Clean animations
- Philosophical insights

**Location:** `output/philosophy-matters/`

### 🛠️ Claude Code Skills

Professional skills for AI-powered development:
- **`/find-skills`** - Discover and install agent skills
- **`/interview`** - Discovery conversations before implementation
- **`/remotion`** - Video generation with Remotion
- **`/skill-creator`** - Create new custom skills
- **`/theme-factory`** - Professional styling and theming

**Location:** `.claude/skills/`

## 🚀 Quick Start

### Prerequisites
- Node.js 16+
- npm or yarn
- Git

### Setup

```bash
# Clone repository
git clone https://github.com/YOUR_USERNAME/AI-Video-Maker.git
cd AI-Video-Maker

# Install dependencies for a specific project
cd output/claude-code-video
npm install

# Start Remotion Studio for preview
npm run dev
```

### Project Structure

```
AI-Video-Maker/
├── .claude/
│   └── skills/                    # Claude Code skills
│       ├── find-skills/
│       ├── interview/
│       ├── remotion/
│       ├── skill-creator/
│       └── theme-factory/
├── output/
│   ├── claude-code-video/         # Main Claude Code video (3 min)
│   │   ├── src/
│   │   │   ├── scenes/            # Individual video scenes
│   │   │   ├── styles.ts          # Design system
│   │   │   ├── MainVideo.tsx
│   │   │   └── Root.tsx
│   │   ├── public/
│   │   │   └── audio/voiceover.mp3
│   │   ├── package.json
│   │   └── README.md
│   ├── claude-cowork/             # Cowork promo video (60s)
│   ├── philosophy-matters/        # Philosophy video (25s)
│   └── README.md
├── CLAUDE.md                      # Claude Code constitution
├── LICENSE                        # MIT License
└── README.md                      # This file
```

## 📽️ Video Features

### Claude Code Video (3 minutes)

**Scenes:**
1. **Hero** (6s) - Vibrant animated introduction
2. **What is Claude Code?** (7s) - Core definition & capabilities
3. **Perfect For** (8s) - Web Dev, Data Science, DevOps
4. **Advanced Use Cases** (8s) - Research, Mobile, Gaming, Security
5. **Features** (8s) - Code completion, debugging, review, documentation
6. **Benefits** (8s) - Speed, quality, learning, confidence
7. **Impact** (8s) - Metrics: 40% faster, 60% fewer errors, 3x review speed
8. **Integration** (7s) - VS Code, JetBrains, GitHub, API integration
9. **Closing** (6s) - Call-to-action with free trial

**Design:**
- Premium tech theme with vibrant gradients
- Dark backgrounds with cyan, purple, orange accents
- Spring animations for natural motion
- Professional typography and spacing

**Audio:**
- 3-minute professional voiceover
- Google Text-to-Speech generation
- Clear, engaging narration

## 🎨 Technology Stack

- **Remotion** - React-based video framework
- **React** - UI component library
- **TypeScript** - Type-safe development
- **Google TTS** - AI voiceover generation
- **ffmpeg** - Video encoding
- **Node.js** - Runtime environment

## 🎬 How to Use Each Video Project

### Preview in Browser
```bash
cd output/claude-code-video
npm run dev
# Opens http://localhost:3000 (or next available port)
```

### Export to MP4
```bash
cd output/claude-code-video
npm run render
# Creates: out/video.mp4 (takes 1-2 hours for full render)
```

### Quick Preview (Lower Quality, Faster)
```bash
npx remotion render ClaudeCodeVideo out/preview.mp4 --scale 0.5
# Takes ~15-20 minutes
```

## ✏️ Customization

### Edit Video Content
Modify scenes in `src/scenes/`:

```tsx
// Example: Change hero heading
<h1 style={{...type.hero}}>Your Custom Heading</h1>
```

### Change Colors
Update `src/styles.ts`:

```ts
export const colors = {
  gradientPrimary: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
  accentBlue: "#00d4ff",
  // ... more colors
};
```

### Adjust Timing
Modify `src/MainVideo.tsx`:

```ts
const DURATIONS = {
  hero: 180,      // 6 seconds at 30fps
  whatIs: 210,    // 7 seconds
  // ...
};
```

### Replace Voiceover
Swap `public/audio/voiceover.mp3` with your own MP3 file.

## 📚 Claude Code Skills

The `.claude/skills/` directory contains professional AI skills integrated with Claude Code:

- **Interview Skill** - Discovery conversations
- **Remotion Skill** - Video generation guidance
- **Theme Factory** - Professional styling
- **Skill Creator** - Build new capabilities
- **Find Skills** - Discover available tools

These skills are designed to work seamlessly with Claude Code for enhanced development workflows.

## 🔧 Development

### Install Dependencies
```bash
cd output/claude-code-video
npm install
```

### Start Development Server
```bash
npm run dev
```

### Build for Production
```bash
npm run build
```

### Render Video
```bash
npm run render
```

## 📄 License

MIT License - Free for personal and commercial use. See [LICENSE](LICENSE) file for details.

## 🤝 Contributing

Contributions are welcome! Please:

1. Fork the repository
2. Create a feature branch (`git checkout -b feature/your-feature`)
3. Commit your changes (`git commit -m 'Add your feature'`)
4. Push to the branch (`git push origin feature/your-feature`)
5. Open a Pull Request

## 💡 Use Cases

- 📢 **Marketing** - Product demos and promotional videos
- 🎓 **Education** - Tutorial and explainer videos
- 💼 **Presentations** - Professional slide-based content
- 🎯 **Sales** - Feature showcases and pitch videos
- 📱 **Social Media** - Short-form promotional content
- 🎬 **Content Creation** - High-quality visual storytelling

## 🚀 Features

✨ **Professional Quality**
- 1920x1080 HD resolution
- 30 FPS smooth animation
- High-quality audio voiceover

🎨 **Modern Design**
- Premium gradient colors
- Smooth spring animations
- Professional typography
- Dark theme with vibrant accents

🎙️ **AI Voiceover**
- Google Text-to-Speech
- Professional narration
- Synchronized with visuals

🔧 **Fully Customizable**
- Edit text, colors, timing
- Swap voiceover
- Adjust animations
- Add new scenes

## 📞 Support

- Check [Remotion Documentation](https://www.remotion.dev)
- Review [React Documentation](https://react.dev)
- Visit [Claude Code](https://claude.com/claude-code)
- Open an issue on GitHub

## 🙏 Credits

Built with:
- [Remotion](https://www.remotion.dev) - Video framework
- [React](https://react.dev) - UI library
- [Google TTS](https://cloud.google.com/text-to-speech) - Voiceover
- [Claude Code](https://claude.com/claude-code) - AI development

---

**Created with ❤️ using Claude Code and Remotion**

[⭐ Star on GitHub](https://github.com/YOUR_USERNAME/AI-Video-Maker) if you find this useful!

## 📊 Project Stats

- 🎬 **3+ video projects** ready to use
- 🛠️ **5 Claude Code skills** included
- 📝 **1000+ lines** of production-ready code
- 🎨 **Custom design system** with gradients & animations
- 🎙️ **Professional voiceover** generation
- 📚 **Complete documentation** and examples

AI-Video-Maker

AI-Video-Maker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

AI-Video-Maker

AI-Video-Maker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README