YouTube Smart Chapters AI

A Chrome extension that automatically generates YouTube video chapters, titles, descriptions, and tags using AI.

Overview

YouTube Smart Chapters AI helps content creators save time and improve their videos by automatically:

• Generating timestamped chapters based on video content
• Creating SEO-optimized titles
• Writing detailed video descriptions
• Suggesting relevant tags and hashtags

The extension uses advanced AI from OpenAI and Google to analyze video content and create high-quality metadata.

🌐 Live Demo

Try the extension online: https://youtubesmartchaptersai.pages.dev

Visit our website to learn more about the extension features, see screenshots, and get installation instructions.

Features

• Automatic Transcription: Converts video audio to text using speech recognition technology
• Content Analysis: Analyzes transcriptions to identify topics, key points, and natural chapter breaks
• Smart Chapter Generation: Creates timestamped chapters with descriptive titles
• Metadata Optimization: Generates SEO-friendly titles, descriptions, tags, and hashtags
• Direct YouTube Integration: Works within YouTube pages for seamless workflow
• Multi-language Support: Works with Hebrew, English, Ukrainian, Arabic, Russian, French, Spanish, and German
• API Provider Options: Use either OpenAI or Google AI for content generation

Installation

From Chrome Web Store (Coming Soon)

1. Visit the Chrome Web Store
2. Search for "YouTube Smart Chapters AI"
3. Click "Add to Chrome"

Manual Installation (Developer Mode)

1. Clone this repository:

   git clone https://github.com/yaskovbs/YouTube_Smart_Chapters_AI.git
   

2. Install dependencies:

   npm run install-all
   

3. Build the extension:

   npm run build
   

4. Open Chrome and go to chrome://extensions/
5. Enable "Developer mode" (toggle in top right)
6. Click "Load unpacked" and select the client/build folder

Publishing to GitHub

This repository is already set up on GitHub at https://github.com/yaskovbs/YouTube_Smart_Chapters_AI.git

To push changes to GitHub:

Using the provided scripts:

For Windows:

1. Run the included batch file:

   push-to-github.bat
   

For Linux/Mac/Git Bash:

1. Make the script executable:

   chmod +x push-to-existing-repo.sh
   

2. Run the script:

   ./push-to-existing-repo.sh
   

Manually:

1. Initialize git repository (if not already initialized):

   git init
   

2. Add all files:

   git add .
   

3. Commit changes:

   git commit -m "Update YouTube Smart Chapters AI"
   

4. Set the remote repository:

   git remote add origin https://github.com/yaskovbs/YouTube_Smart_Chapters_AI.git
   

5. Push to GitHub:

   git push -u origin main
   

Usage

Basic Usage

1. Navigate to any YouTube video
2. Click the YouTube Smart Chapters AI extension icon in your toolbar
3. Enter your API keys in the Settings panel (first-time setup only)
4. Either:
   • Input a YouTube URL in the extension popup, or
   • Use the "Generate Smart Chapters" button that appears directly on YouTube video pages
5. Wait for the processing to complete (time depends on video length)
6. Copy the generated chapters, title, description, or tags and paste them into YouTube Studio

Direct YouTube Integration

When viewing a YouTube video, the extension adds a UI panel below the video with these options:

• Generate Smart Chapters: Analyze the current video and generate chapters
• Open Full Extension: Open the full extension popup for more options

Configuration

API Keys

The extension requires API keys for content generation:

• OpenAI API Key: Get from OpenAI's website
• Google AI API Key: Get from Google AI Studio

Enter these keys in the Settings panel of the extension.

Language Settings

The extension supports multiple languages and automatically detects the video language. You can set your preferred UI language from the settings.

Development

Project Structure

• client/: React frontend and Chrome extension
• server/: Node.js/Express backend API
• shared/: Shared utilities and types

Running in Development Mode

1. Start the backend server:

   npm run server
   

2. Start the frontend development server:

   npm run client
   

3. Or run both simultaneously:

   npm run dev
   

Building for Production

npm run build

Privacy and Data Usage

This extension:

• Processes video content through secure API calls
• Does not store video content or generated results on remote servers
• Keeps API keys securely in your browser's local storage
• Respects YouTube's terms of service

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Support

If you encounter any issues or have questions, please open an issue on GitHub.