Skip to content

Repository files navigation

License: MIT [Platform [AI [Workflow

🎯 Transform any YouTube video into a stunning infographic β€” automatically!

πŸš€ Getting Started β€’ βš™οΈ How It Works β€’ πŸ›  Tech Stack β€’ πŸ“– Usage β€’ 🎨 Customization



πŸ’‘ One Workflow. One URL. Infinite Infographics. Stop spending hours creating presentations. Let AI do the heavy lifting while you focus on what matters β€” sharing insights that matter.



✨ Why This Project?

⚑ Speed 🧠 AI Intelligence 🎨 Design ☁️ Cloud
60 seconds from URL to infographic Gemini understands content context Professional layouts every time Instant hosting & sharing
No manual work required Smart summarization Beautiful visuals Public URL generation

🎁 What You Get

+ βœ… Zero coding required β€” just import and run
+ βœ… Auto-transcribes any YouTube video
+ βœ… AI extracts key insights automatically
+ βœ… Generates professional infographics
+ βœ… Uploads to cloud β€” get your shareable link instantly
+ βœ… Built-in error handling β€” won't break on bad URLs
+ βœ… Fully customizable prompts β€” match your brand style

πŸ”₯ Features

Feature What It Does
πŸ“₯ Smart Input Accepts any YouTube URL, validates format automatically
πŸ“œ Auto-Transcript Fetches transcripts via Apify β€” no copy-paste needed
🧠 AI Summarizer Gemini extracts main topics, key points, and insights
🎨 Infographic Gen Creates beautiful, shareable visuals automatically
☁️ Cloud Upload Uploads to Cloudinary β€” get your public URL in seconds
πŸ”— Share Anywhere Use the link in presentations, social media, docs

βš™οΈ How It Works

graph LR
    A[πŸ“ Submit YouTube URL] --> B[πŸ“œ Extract Transcript]
    B --> C[🧠 AI Summarizes]
    C --> D[🎨 Generate Infographic]
    D --> E[☁️ Upload to Cloudinary]
    E --> F[πŸ”— Get Shareable URL]
    
    style A fill:#ff6b6b,color:#fff
    style B fill:#4ecdc4,color:#fff
    style C fill:#45b7d1,color:#fff
    style D fill:#96ceb4,color:#fff
    style E fill:#ffeaa7,color:#000
    style F fill:#dfe6e9,color:#000
Loading

πŸ”„ Step-by-Step Process

Step Action Who Does It
1 User submits YouTube URL πŸ‘€ You
2 Extract full video transcript πŸ€– Apify
3 Analyze & summarize content 🧠 Gemini AI
4 Design infographic image 🎨 Gemini AI
5 Upload image to cloud ☁️ Cloudinary
6 Return shareable URL πŸ“€ n8n

πŸ›  Tech Stack

n8n Gemini Apify Cloudinary
Workflow Automation AI Content & Image Generation YouTube Transcript Extraction Image Hosting & CDN

πŸ“‚ Project Structure

ai-infographic-creator/
β”œβ”€β”€ πŸ“„ workflow.json       # The complete n8n workflow β€” import & run!
β”œβ”€β”€ πŸ“ README.md           # This file β€” your guide to the project
β”œβ”€β”€ πŸ“ screenshots/        # Visual documentation
β”‚   β”œβ”€β”€ πŸ–Ό workflow.png   # How the workflow looks in n8n
β”‚   β”œβ”€β”€ πŸ“ form.png       # The input form users see
β”‚   └── πŸ–Ό output.png     # Example infographic output
└── 🚫 .gitignore         # Files to ignore in git

πŸš€ Getting Started

Prerequisites

  • n8n β€” Self-hosted or cloud instance
  • Google Gemini API Key β€” With vision/image generation enabled
  • Apify Account β€” With API token
  • Cloudinary Account β€” Cloud name + API credentials

Step 1: Import Workflow

1. Open your n8n instance
2. Go to: Workflows β†’ Import from File
3. Select: workflow.json
4. Click: Import

Step 2: Add Credentials

Credential Get It From
πŸ”‘ gemini-api Google AI Studio
πŸ”‘ apify-api Apify β†’ Settings β†’ API Tokens
πŸ”‘ cloudinary Cloudinary β†’ Dashboard β†’ API Keys

Step 3: Activate & Use

βœ“ Toggle workflow to "Active"
βœ“ Copy the webhook URL
βœ“ Open in browser β†’ paste YouTube link
βœ“ Hit submit β†’ get your infographic URL!

πŸ“– Usage

Quick Demo

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  🎬 AI Infographic Creator              β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚  YouTube URL: [Paste your link here]   β”‚
β”‚                                         β”‚
β”‚         [ πŸš€ Generate Infographic ]     β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚  Result: πŸ“Ž https://cloudinary.com/...  β”‚
β”‚  ⏱️ Time: ~45 seconds                    β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Processing Times

Video Length Estimated Time
< 10 min ⚑ ~30 seconds
10-30 min ⏱️ ~45 seconds
30+ min 🐒 ~2 minutes

πŸ”§ API Setup (Detailed)

1️⃣ Google Gemini API

  1. Go to Google AI Studio
  2. Click Create API Key
  3. Copy the key
  4. Add to n8n as gemini-api credential

⚠️ Important: Ensure Gemini Vision is enabled for image generation!

2️⃣ Apify

  1. Sign up at apify.com
  2. Navigate to Settings β†’ API & Tokens
  3. Copy your API Token
  4. Add to n8n as apify-api credential

3️⃣ Cloudinary

  1. Create account at cloudinary.com
  2. Note your Cloud Name (from Dashboard)
  3. Go to Settings β†’ API Keys
  4. Copy API Key and API Secret
  5. Add all three to n8n as cloudinary credential

⚠️ Error Handling

The workflow handles these gracefully:

Error What Happens
❌ Invalid URL Returns "Please enter a valid YouTube URL"
❌ No Transcript Returns "No transcript available for this video"
❌ API Rate Limit Retries automatically with backoff
❌ Upload Failed Returns error with Cloudinary message
❌ AI Error Shows Gemini error message

🎨 Customization

✏️ Change the Infographic Style

Edit the Gemini prompt in the workflow to customize:

  • 🎨 Colors β€” Your brand color palette
  • πŸ“ Layout β€” Vertical, horizontal, grid
  • πŸ”€ Fonts β€” Sans-serif, serif, monospace
  • πŸ“Š Content β€” More details or concise bullet points

βž• Extend It

Want more? Add support for:

πŸ“» Podcast RSS feeds
πŸ“„ Article/URL summarization
πŸŽ₯ Local video processing
πŸ—£οΈ Audio transcription
πŸ“Š Multiple output formats

🀝 Contributing

We welcome contributions!

  • πŸ› Report bugs via GitHub Issues
  • πŸ’‘ Suggest new features
  • πŸ”€ Submit pull requests
  • πŸ“š Improve documentation

πŸ™ Acknowledgments

Tool Why We Love It
n8n Powerful, visual workflow automation
Google Gemini Incredible AI for understanding & creating
Apify Rock-solid YouTube data extraction
Cloudinary Fast, reliable image hosting

πŸ’¬ Support

Need help? Here's where to look:

  • πŸ“‹ GitHub Issues β€” Report bugs or request features
  • πŸ’¬ n8n Community β€” Ask the community for help
  • πŸ“– workflow.json β€” Read the actual workflow for details


🌟 Like this project?

Give it a star! ⭐ β†’ It helps others discover this tool.


Made with ❀️ | n8n + AI


About

🎨AI-Powered Infographic Creator using n8n, Gemini AI, Apify & Cloudinary.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors