How to Build Chrome Extensions with Claude Code in VS Code (Full Tutorial)

Google Maps has all the leads you need — getting them out is the hard part. In this video, I'll show you how I used Claude Code inside VS Code to build a fully working Chrome Extension that scrapes business names, ratings, phone numbers, websites, and addresses straight into a CSV. No manual coding. No API keys. Just AI doing the heavy lifting.

Here's what you'll walk away knowing:

✅ How to set up Claude Code in VS Code and give it a smart prompt file (CLAUDE.md) so it builds what you actually want
✅ Why the first version of the scraper missed phone numbers — and the two-phase architecture Claude invented to fix it
✅ How to handle real Chrome Extension errors like "Message channel closed" without touching the code yourself
✅ How to load, test, and reload an unpacked extension in Chrome Developer Mode in under 5 minutes
✅ How to export your scraped leads to CSV and open them in Google Sheets, ready to use

Here's the thing — this isn't a polished demo where everything works first try. Claude hits bugs, we debug live, and you'll see exactly how to feed errors back into the AI to get a working fix. That's where the real learning is.

⏱️ TIMESTAMPS
00:00 – Sneak Peek: The Final Scraper in Action
00:23 – Video Intro & Project Overview
01:26 – Setting Up the VS Code Workspace & Folders
02:29 – Installing & Initializing Claude Code in VS Code
03:48 – Providing the Enhanced Prompt to the AI
05:43 – Reviewing the AI-Generated Code (Manifest, JS, HTML)
07:09 – Checking Claude Pro Usage Limits
07:49 – Loading the Extension into Chrome (Developer Mode)
09:30 – First Test: Scraping Restaurants in London
10:49 – Bug Found: Missing Phone Numbers & Websites
11:03 – Debugging Phase 1: Asking Claude to Fix the Scraper
13:29 – Second Test: Hitting a "Message Channel Closed" Error
14:01 – Debugging Phase 2: Claude Re-architects the Code
15:08 – Final Setup: Reloading the Fixed Extension
15:30 – Final Test: Two-Phase Deep Scraping Working Perfectly!
17:25 – Exporting Leads to CSV & Importing to Google Sheets
18:04 – Outro & How to Get the Prompt File

🎁 WANT THE CLAUDE.md PROMPT FILE?
Drop a comment saying "PROMPT" — if we hit 3 comments, I'll share the exact file I used.

Exact Video CLAUDE.md Excess if 3 Comments: https://docs.google.com/document/d/19Q9vcXjJgu4kpoaA8NmH3Ef6wVk_A5c44j24RdlTkpA/edit?usp=sharing

🔗 LINKS & RESOURCES
→ Claude Code: https://www.anthropic.com/
→ VS Code: https://visualstudio.microsoft.com/

If this saved you hours of copy-pasting from Google Maps, a like genuinely helps this reach more people. And if you're using this for your own niche — restaurants, dentists, gyms, whatever — drop it in the comments. I'd love to see what you build.

#claudecode #googlemapsscraper #aiautomation

Видео How to Build Chrome Extensions with Claude Code in VS Code (Full Tutorial) канала Digizier