Skip to content
DEV Community

DEV Community

Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV!

#discuss #devchallenge #githubchallenge #showdev
106 reactions
Comments 58 comments
15 min read

Worked with @codingwithjiro on ClassifierAI: A Chrome Extension that detects AI-Generated articles on dev.to! It was fun working with Elmar and looking forward for more collaboration work in the future!

If you are interested in this project, feel free to contribute!

GitHub logo FrancisTR / ClassifierAI

A Chrome Extension that detects AI-generated images using Machine Learning.

Welcome to the ClassifierAI Repository!

Description

A Google Chrome Extension that integrates Machine Learning to determine if the image and the dev.to article, that the user is viewing, is AI-Generated. This uses Tensorflow.js to perform Image Classification and Text Classification.

The model is trained using Teachable Machine by Google where it is train from 866 images, that consists of AI and Non-AI images, using the following settings:

  • Epochs: 30
  • Batch Size: 16
  • Learning Rate: 0.0001

Technologies Used

Core Tech: JavaScript HTML5 CSS3 Tailwind CSS

Content Analysis: TensorFlow.js Chart.js

Extension Tooling: Vite CRXJS Docker

How to Run

  1. Clone or download the repository and navigate to the project directory.

  2. Install the project dependencies:

    npm install
    Enter fullscreen mode Exit fullscreen mode
  3. Build the extension:

    npm run build
    Enter fullscreen mode Exit fullscreen mode
  4. Open Google Chrome and navigate to:

    chrome://extensions
    
  5. Enable Developer Mode in the top-right corner.

  6. Click Load unpacked and select the generated dist/ folder.

  7. The extension is now installed and ready to use.

Demo

This is the overall demo of the use...

View on GitHub

Here is the top 3 posts that I have discovered that stood out to me!

. .. . ... . .... . .... . ... .

LLM reasoning in unseen pattern puzzles

. .. . ... . .... . .... . ... .

#ai #webdev #programming #beginners
6 min read

@lovestaco A post on why LLM understand...that.

To The People Who Read My Weird Little Blogs

Hitting 10k followers via public learning

To The People Who Read My Weird Little Blogs

#discuss #writing #community #learning
4 min read

@itsugo A post of Aryan's experience on DEV!

I Built DockGraph: A Live Topology Map for Docker and Compose

I Built DockGraph: A Live Topology Map for Docker and Compose

#docker #devops #selfhost #observability
5 min read

@artemkozak A Docker Visualizer that is helpful for visual programmers and for big projects!


Monthly Discovery 🔍

[フレーム]

[フレーム]

[フレーム]


Accomplishments 🏆


Still working on... 🔨

Goals for Next Month 🎯


Feedback 💬

Top comments (38)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
Collapse Expand
itsugo profile image
Aryan Choudhary
Level up 10x faster
• Edited on • Edited

Heyyy! Hope you're doing better now Francis!
Thank you for the mention and keep stacking those awesome monthly wins🖖 You're doing great, keep moving forward!!
Stanlee

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Thanks Aryan and thanks for checking up on me! Feeling a lot better now :D

Collapse Expand
itsugo profile image
Aryan Choudhary
Level up 10x faster

That's honestly great to hear.

Thread Thread
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Don't worry. I am not going anywhere if you are concern :D

Collapse Expand
technogamerz profile image
The Lazy Girl
A dreamer working for her dream❤️ Hey everyone! I’m Divyanshi.
  • Location
    INDIA 🇮🇳 Rajasthan kota
  • Education
    Bachelor of Technology (B.Tech.) in Computer Science and Engineering IIT Bombay (2024)
  • Pronouns
    She/her
  • Work
    Microsoft
  • Joined

Four legends in one frame 🔥

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined
Collapse Expand
lovestaco profile image
Athreya aka Maneshwar
Software Dev | Technical Writer | 500k+ Reads | Learning, building, improving, writing :)
Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined
Collapse Expand
unitbuilds profile image
UnitBuilds
Founder of UnitBuilds CC
  • Location
    Swakopmund, Namibia
  • Pronouns
    He/Him
  • Work
    Senior software Engineer (day-job), Owner of UnitBuilds (sadly second).
  • Joined

Pretty solid month. Glad the mood is better now! I'd still say a good idea would be for you to start a side-project, just something for yourself, even if it's a meme selector that preps it for you to post, or place in your post? Think that would save you hours in a month 😂

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Thanks! Not a bad idea, though I want to focus on speaking well in interviews more. We shall see but thanks for the suggestion :D

Collapse Expand
unitbuilds profile image
UnitBuilds
Founder of UnitBuilds CC
  • Location
    Swakopmund, Namibia
  • Pronouns
    He/Him
  • Work
    Senior software Engineer (day-job), Owner of UnitBuilds (sadly second).
  • Joined

Always a good thing to focus on. Being in-charge in an interview is a worthwhile skill, because it makes it clear they need YOU, not just a generic role filler. There's a fine line between being cocky and blowing their minds 😂

Collapse Expand
unitbuilds profile image
UnitBuilds
Founder of UnitBuilds CC
  • Location
    Swakopmund, Namibia
  • Pronouns
    He/Him
  • Work
    Senior software Engineer (day-job), Owner of UnitBuilds (sadly second).
  • Joined

Btw, did you try the game out yet?

Thread Thread
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

The one you pinged me? Not yet. Will eventually.

Thread Thread
unitbuilds profile image
UnitBuilds
Founder of UnitBuilds CC
  • Location
    Swakopmund, Namibia
  • Pronouns
    He/Him
  • Work
    Senior software Engineer (day-job), Owner of UnitBuilds (sadly second).
  • Joined

Yeah that 1 😂 Dementia mode, but in a way that explains how LLMs hallucinate and how cache works

Thread Thread
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Naaa I am not doing a backflip in CSS just to figure that out bruh. I will play it and let you know later this week lol

Thread Thread
unitbuilds profile image
UnitBuilds
Founder of UnitBuilds CC
  • Location
    Swakopmund, Namibia
  • Pronouns
    He/Him
  • Work
    Senior software Engineer (day-job), Owner of UnitBuilds (sadly second).
  • Joined

All good, lemme know what you think once you do, I'm thinking of maybe making it a series, but depends on if people enjoy them and whether I do the topics justice.

Collapse Expand
itskondrat profile image
Mykola Kondratiuk
Director of PM | Building AI-native PM tools | PMP | Speaker

good format for this. the classifier extension is interesting - detecting AI content is a harder problem than it looks from the outside, especially once people start intentionally evading it.

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Thanks Mykola! For the classifier, the goal is to be used on dev.to specifically and train on dev.to specifically without relying on LLMs or other AI models in particular. My theory is that if it is more scoped, it will be more accurate and future proof since the detector adapts to the community style of writing. It will be difficult for sure, but I believe we can get there.

Collapse Expand
itskondrat profile image
Mykola Kondratiuk
Director of PM | Building AI-native PM tools | PMP | Speaker

the scoped-to-community approach makes sense - general detectors fail on niche writing styles constantly. the part i'd watch is distribution shift as the platform's norms drift. curious what retraining looks like for this.

Thread Thread
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

It would be more manual approach and yes, it's inefficient for now. The plan is having another Chrome Extension where it's goal is to extract data and store it in some database. Then, updating the dataset in the main project.

Thread Thread
itskondrat profile image
Mykola Kondratiuk
Director of PM | Building AI-native PM tools | PMP | Speaker

the extension-as-pipeline is a solid move. manual labeling will probably be the slow part, but that's also where the community-specific signal gets most precise.

Collapse Expand
hemapriya_kanagala profile image
Hemapriya Kanagala
Hey, I'm Hema 👋 Developer, writer, and creator of Dev Opportunity Radar, a weekly series published every Friday on DEV, helping people discover opportunities they might otherwise miss.
  • Location
    Andhra Pradesh, India
  • Education
    M.S. in CS at University of Oklahoma | B.Tech in CSE at KL University
  • Pronouns
    She/Her
  • Joined

Hey Francis, I just checked out "4 Proven Ways To Get Ahead of 99% of Programmers (2026)" from your monthly report, and it actually helped. Thanks for sharing it!

Looking forward to next month's report too 😀

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined
• Edited on • Edited

Thanks Hemapriya! Glad it was useful! Stay tuned for more :D

Collapse Expand
anik_sikder_313 profile image
Anik Sikder
Full-Stack Dev & Tech Writer | Python (Django, FastAPI), JS (React, Next.js) | I build fast, scalable apps & write on backend, frontend, APIs & Web3 | Open to freelance/remote roles
  • Location
    Dhaka, Bangladesh
  • Joined

That's a productive month! 🎉

Open-source contributions, AI experimentation, portfolio improvements, and continuous learning through LeetCode are all moving you in the right direction. Looking forward to seeing what you accomplish in July. 🚀

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Thanks Anik! Look forward to it :D

Collapse Expand
any_26 profile image
kv
I am a fresher with keen interest in app development, machine learning ,cloud computing and artificial intelligence. I have leveraged so many production based projects yet
  • Location
    India
  • Joined

How to get into open source contributions?

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Hey KV. For me, I would suggest on choosing a repository on GitHub that is a right fit for you based on interests and tech stack preferably. The hardest part is setting up the local environment, but after that, it should be easier to get into it. Hope this helps!

Collapse Expand
az-dev1 profile image
Akash
Student by enrollment. Engineer by obsession.
  • Pronouns
    he/him
  • Joined

great work

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Thanks Akash! :D

Collapse Expand
learnwithfun profile image
LearnWithFun
If you want to move forward in life, never compare yourself to anyone else.
  • Joined

😎

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

😎

Collapse Expand
technogamerz profile image
The Lazy Girl
A dreamer working for her dream❤️ Hey everyone! I’m Divyanshi.
  • Location
    INDIA 🇮🇳 Rajasthan kota
  • Education
    Bachelor of Technology (B.Tech.) in Computer Science and Engineering IIT Bombay (2024)
  • Pronouns
    She/her
  • Work
    Microsoft
  • Joined

You look cute while sleeping!!!!

Collapse Expand
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ
📚 Full-Stack Developer 📚 🚀 DEV Community Moderator 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ((⚞(˶>ᗜ<˶)⚟)) "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ
  • Location
    United States
  • Education
    🎓 Master's in Software Engineering 🎓
  • Pronouns
    He/Him
  • Work
    ☕ Open-Source Contributor for Forem and Virtual Coffee ☕
  • Joined

Thanks! This profile picture was hard to find since there isn't an exact name lol

View full discussion (38 comments)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.

For further actions, you may consider blocking this person and/or reporting abuse

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

AltStyle によって変換されたページ (->オリジナル) /