I Can’t Code, But I Built a Browser Extension with AI

A True Story(👉 Click here to download and try it for free)

Last Friday night, I had an idea: What if I could build a tool to scrape product info from AliExpress and import it directly into my Shopify store with one click?

As someone with zero programming knowledge working in e-commerce, this idea seemed impossible.

But then I tried Claude (an AI assistant).

The result: 48 hours later, the extension was real.

This article documents the entire journey. I want to show you: In the AI era, not knowing how to code doesn’t matter anymore.


First Night: From Zero to Working (2 Hours)

My First Words to Claude

“Help me build a browser extension that can scrape product information from sites like AliExpress and Amazon.”

That’s it. One simple sentence. No technical jargon.

What Claude Did

It immediately understood what I needed, then:

  1. 30 minutes – Generated all code files
  2. Told me how to install – Step by step
  3. Explained what each file does – In plain English

All I had to do:

  • Download files
  • Click a few buttons in Chrome
  • Done!

The moment I saw it work for the first time, I was stunned.

The extension could actually recognize which website I was on and scrape product titles, prices, and images. Tasks that used to take me 10 minutes of copying and pasting now took 30 seconds.

The Comparison

Before:

1. Open AliExpress product page
2. Copy title
3. Right-click save images
4. Note down price
5. Organize in Excel
6. Per product: 5-10 minutes

Now:

1. Open product page
2. Click extension icon
3. Click "Start Scraping"
4. Done!
5. Per product: 30 seconds

Day Two: Real Use, Real Problems

Problem 1: Shopify Import Failed

Saturday morning, I excitedly tried importing data to Shopify. Result:

Error: Title too long (maximum 255 characters)

I sent Claude a screenshot: “Why is this happening?”

Claude’s Response Amazed Me

It not only explained the reason:

  • AliExpress titles are often very long
  • Shopify has character limits
  • Need auto-truncation

More importantly, it immediately improved the code and told me ALL Shopify field restrictions.

20 minutes later, problem solved.

Problem 2: AliExpress Not Working

That afternoon, I discovered some AliExpress product pages returned no data.

I sent Claude another screenshot.

This time, its analysis went deeper:

  • AliExpress had a redesign with new page structure
  • Need to add more detection methods
  • Some images are lazy-loaded

Then it rewrote the scraping logic using 15 different methods to find product information.

Like a detective: if one clue doesn’t work, try another.


Saturday Evening: Pursuing Excellence

Problem 3: Incomplete Data

It was working, but I noticed:

  • Only 1 image captured (product had 6)
  • No product videos
  • Description too brief

I wanted more complete data.

Claude’s “Upgrade”

This conversation was interesting. I said: “I want all images, plus video links.”

Claude asked me questions:

  • “Images – all of them or just the first few?”
  • “Videos – download or just links?”
  • “Description – how detailed?”

Then it spent several hours (I watched the code being generated) doing a major upgrade:

v3.0 Capabilities:

  • 📸 Scrape up to 10 high-res images
  • 🎥 Find product video links
  • 📝 Complete product description (3000 chars)
  • ⭐ Rating and sales data
  • 📊 Product specifications

The Interface Got Smarter Too

Now the extension shows me data completeness:

Product Title
Price: $97.11

[📸 5 Images] [🎥 1 Video] [📝 Has Description]

Green means yes, red means no. Crystal clear.


Sunday: The Toughest Challenge

The Description Problem

Sunday morning, I found imported product descriptions only showed:
“Smarter Shopping. Better Living! Aliexpress.com”

This wasn’t the product details I wanted!

Claude’s Honesty

This time Claude was very honest:

“AliExpress descriptions are hard to scrape because:

  1. Some are in tabs, hidden by default
  2. Some are dynamically loaded
  3. Some are even in image format”

But it didn’t give up.

It gave me three solutions:

Solution A: Improve the extension

  • Add more scraping methods
  • Taught me how to use it (“Scroll to page bottom, wait for loading”)

Solution B: Gave me a script

// Run this code in browser console
// One-click extract and copy description

Solution C: AI Rewriting
“If that still doesn’t work, give the product info to ChatGPT and let it write a professional description.”

My Takeaway

This impressed me deeply.

Claude wasn’t arrogant like “I’m AI, I can do everything.” Instead:

  • Acknowledged technical limitations
  • Provided multiple solutions
  • Gave me the choice

That’s what a good AI assistant should be.


Final Results: Beyond Expectations

Numbers Don’t Lie

  • ⏱️ Total development time: 16 hours (over 2 days)
  • 🔄 Version iterations: From v1.0 to v3.1, 6 versions total
  • 📊 Efficiency gain: From 10 min/product → 30 sec/product
  • 💰 ROI: ~20x efficiency improvement
  • 🌐 Supported platforms: 9 major e-commerce sites

What Can It Do?

  1. One-Click Product Scraping
  • Title, price, images, videos, description, ratings
  1. Multiple Export Formats
  • Shopify CSV (direct import)
  • Standard CSV (Excel)
  • JSON (for developers)
  1. Smart Filtering
  • Export only products with images
  • Export only complete data
  1. Data Completeness Check
  • See missing data at a glance
  • Color-coded tags

The Most Important Things I Learned

1. AI Isn’t Magic, It’s a Tool

At first I thought just telling AI “make an extension” would make it appear.

In reality, I needed to:

  • ✅ Clearly describe requirements
  • ✅ Test and give feedback (screenshots are important!)
  • ✅ Make choices (which of multiple solutions)
  • ✅ Understand basic concepts (even without coding)

AI is an amplifier – it amplifies your ideas and judgment.

2. Technical Barriers Have Really Lowered

I know absolutely nothing about:

  • JavaScript
  • HTML
  • CSS
  • Chrome extension development

But I built a working product.

Why?

Because I understand:

  • ✅ What my needs are
  • ✅ What a good product looks like
  • ✅ What problems users will face
  • ✅ How to test and improve

These are what matter.

3. It’s About Solving Problems, Not Code

Throughout the process, I never fully understood the code (just got the gist).

But I knew:

  • Is this feature right
  • Is this experience good
  • What’s still missing

That was enough.

Code is Claude’s job, product is mine.


Advice for Those Who Want to Try

You Don’t Need:

  • ❌ To learn programming
  • ❌ To know technical terms
  • ❌ Computer science background
  • ❌ To be young (I’m in my 40s)

You Need:

  • ✅ A clear need
  • ✅ Willingness to try and learn
  • ✅ Ability to express problems clearly
  • ✅ Patience (you’ll hit roadblocks)

How Exactly?

Step 1: Think through what you want

Don’t say “I want to make a website,” say:

  • “I want a tool that can do xxx”
  • “I hope it can do yyy”
  • “The users are zzz”

Step 2: Talk with AI

  • Like chatting with a friend
  • Screenshot problems when you hit them
  • Ask when you don’t understand

Step 3: Test and improve

  • Use it yourself first
  • Report problems as you find them
  • Improve bit by bit

Step 4: Don’t pursue perfection

  • Good enough is good enough
  • Ship first, improve later
  • 80-point product beats 100-point plan

Why Claude Is Impressive

After all this time, here’s what I learned:

1. It Really “Gets” You

No need for technical jargon, just speak normally.

I said “AliExpress not working,” and it knew:

  • To analyze AliExpress page structure
  • To test different scraping methods
  • To consider edge cases

2. Proactive Thinking

It doesn’t just answer questions, it:

  • Anticipates potential problems
  • Provides multiple solutions
  • Explains why it does things this way

For example, when fixing field length limits, it didn’t just fix the title – it proactively checked description, images, and all other fields.

3. Patient

I asked “why” countless times. It answered seriously every time.

Sometimes asking the same question from different angles, it would explain in different ways until I understood.

4. Honest

When something can’t be done, it says so directly:

  • “This is technically difficult because…”
  • “I suggest this alternative…”
  • “You might need to handle this part manually”

No false “AI can do anything” promises.

5. Continuously Learning

Throughout the process, it kept improving:

  • v1.0 had simple scraping methods
  • v2.0 added more selectors
  • v3.0 used 15 different methods

Like it was genuinely improving alongside me.


What This Means

For Individuals:

New Possibilities

Things you used to think “this needs a programmer” – you can do yourself now.

This isn’t just efficiency gains, it’s:

  • 💡 Ideas can become reality
  • 🚀 No need to depend on others
  • 💰 Save costs and time
  • 📈 Rapid experimentation and improvement

For Entrepreneurs:

Lower Barriers

MVP (Minimum Viable Product) changed from “need to find a programmer” to “can build it yourself over the weekend.”

Want to validate an idea? Just build it and see.

For Everyone:

Mindset Shift

What matters is no longer “can I do this,” but:

  • Do I want to do this
  • Can I persist
  • Am I willing to learn

Skills can be supplemented with AI, but ideas and drive cannot.


Final Thoughts

This little extension might not be perfect, but it proves something:

In the AI era, ordinary people can really build products.

You don’t need:

  • Elite education
  • Technical background
  • Lots of money
  • Professional team

You only need:

  • A problem you want to solve
  • A good AI assistant (like Claude)
  • Willingness to try
  • A bit of time

To Those Still Hesitating

If you have an idea but think “I can’t code, I can’t do this”:

Just try.

What’s the worst that could happen? Waste a few hours?

What’s the best? You might build a tool that changes your life.

AI is ready. Are you?


Appendix: Technical Details (For the Curious)

If you want more technical details:

  • 📦 AI Used: Claude (Anthropic)
  • 💻 Extension Type: Chrome Extension (Manifest V3)
  • 📝 Lines of Code: ~2000
  • 🌐 Supported Platforms: Amazon, AliExpress, eBay, Shopify, etc.
  • 📊 Export Formats: JSON, CSV, Shopify CSV

Full code and documentation included in the extension package.


Author: An e-commerce professional who can’t code
Date: February 2024
Tool: Claude AI
Lesson: In the AI era, everyone can build products


If this article inspired you, please share it.

Try it – you can do it too.

发表评论