The latest articles on DEV Community by Jeremy Watt (@neonwatty). https://dev.to/neonwatty https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1906269%2Ff1cecdd6-85b8-4498-9e10-c87fd2d10567.jpeg https://dev.to/neonwatty en Jeremy Watt Wed, 23 Apr 2025 18:20:38 +0000 https://dev.to/neonwatty/copy-code-straight-from-youtube-tutorials-building-an-ai-powered-chrome-extension-3lip https://dev.to/neonwatty/copy-code-straight-from-youtube-tutorials-building-an-ai-powered-chrome-extension-3lip <h2> 🧠 The Challenge </h2> <p>I watch a lot of coding tutorials on YouTube, and often encounter these problems:</p> <ul> <li><p><strong>Low-contrast code</strong>: Dark-themed IDEs look great for creators but can be hard to read in videos—especially in bright environments.</p></li> <li><p><strong>Copying is a pain</strong>: Pausing, squinting, and retyping code is slow and error-prone.</p></li> <li><p><strong>Eye strain</strong>: Extreme brightness or darkness in videos wears you out fast.</p></li> </ul> <p>So I decided to build a small open source Chrome extension to solve for these problems - called <strong>Polarize</strong>.</p> <h2> 🚀 Introducing Polarize </h2> <p><a href="https://github.com/neonwatty/polarize" rel="noopener noreferrer">Polarize</a> is an open-source Chrome extension designed to address these issues:</p> <ul> <li><p><strong>AI-Powered Code Copying</strong>: Extract code snippets from videos effortlessly. Copy and paste into your chosen IDE.</p></li> <li><p><strong>Glare Reduction</strong>: Adjusts brightness and contrast for optimal viewing.</p></li> <li><p><strong>Multi-Theme Overlay</strong>: Switch between themes to enhance code readability.</p></li> </ul> <p>Click the image below to watch a demo! 👇</p> <p><a href="https://youtu.be/j1TMdbrnl_A" rel="noopener noreferrer"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsc0bimxuhxf7yu5c5ur1.jpg" alt="Polarize demo" width="800" height="450"></a></p> <h2> 🔧 How It Works </h2> <p>Polarize creates an overlay for YouTube videos, allowing you to:</p> <ul> <li><p>Click a button to copy code displayed under the overlay.</p></li> <li><p>Toggle between different themes to suit your preference.</p></li> <li><p>Reduce glare for a more comfortable viewing experience.</p></li> </ul> <h2> 📥 Getting Started </h2> <p>While Polarize is under review in the Chrome Web Store, you can try it out by <a href="https://github.com/neonwatty/polarize" rel="noopener noreferrer">cloning the repository and uploading the extension locally</a>. See the repo's <code>README.md</code> for more details.</p> <h2> 🛠️ Contribute </h2> <p><a href="https://github.com/neonwatty/polarize" rel="noopener noreferrer">Polarize</a> is open-source, and contributions are welcome! If you have feedback, feature requests, or want to report issues, visit the <a href="https://github.com/neonwatty/polarize" rel="noopener noreferrer">GitHub repository</a>.</p> <h2> 📣 Stay Updated </h2> <p>Follow the project on GitHub to receive updates on new features and the official Chrome Web Store release.</p> productivity ai javascript webdev