No Instagram API key needed, 100% free.
I built a Chrome extension that exports any Instagram conversation to HTML or TXT in one click - by reverse engineering how Instagram loads messages directly in the browser.
In this episode I walk through the full process: finding a crowded niche and spotting a gap anyway, reverse engineering Instagram's internal API using the network tab, using Claude to write the pagination fetch loop, and my exact workflow for injecting UI that blends natively into Instagram's design.
This is episode 4 of my build-in-public series shipping Chrome extensions on the road to $100k. No sales yet - but that's not the point right now.
Extension live on the Chrome Web Store (link below)
Subscribe to follow the journey
TIMESTAMPS
0:00 - What I built: export any Instagram DM in one click
0:30 - Finding the idea: browsing Instagram Chrome extensions
0:50 - Spotting the gap: only 2 message exporters, both with bad reviews
1:05 - Reverse engineering Instagram's API via the network tab
1:25 - Using Ctrl+F in the network tab to find the exact request
1:40 - How Instagram's pagination works - and how to automate it
1:55 - Sending the API response to Claude to generate the fetch loop
2:10 - Implementing HTML and TXT export formats
2:20 - Extracting Instagram's CSS so the UI blends in natively
2:35 - UX decision: same button in both the popup and the page
2:50 - Setting up the samples folder as AI reference context
3:05 - Finding a unique CSS selector on an obfuscated codebase
3:25 - Writing the Cursor prompt - 30 prompts total, but not complex
3:50 - Fixing the main bug: fetching the wrong conversation on URL change
4:10 - Watching URL changes and reinjecting the script on new users
4:25 - Designing the download icon with Claude + logo with ChatGPT
4:35 - Publishing to the Chrome Web Store
4:45 - No sales yet - and why that's fine at episode 4
#Instagram #ChromeExtension #VibeCoding #BuildInPublic #ReverseEngineering #IndieHacker #SideProject #ChromeExtensionDevelopment #SoloFounder #CodedCitadel