Welcome to the ClassifierAI Repository!

FrancisTRᴅᴇᴠ (っ◔◡◔)っ · 2026-06-29T14:40:57Z

Hey everyone! I bring you my development journey on what I have discovered, accomplishments for this month, and the goals for next month! Additionally, I will share some posts highlights on what post I am proud of sharing to Dev.to and my top 3 posts that stood out to me this month! ✨ Dev.to Posts Highlights! ✨ Here is one of the posts I am proud of for this month! Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV! GitHub “Finish-Up-A-Thon” Challenge Submission FrancisTRᴅᴇᴠ (っ◔◡◔)っ FrancisTRᴅᴇᴠ (っ◔◡◔)っ FrancisTRᴅᴇᴠ (っ◔◡◔)っ Follow for The DEVengers Jun 6 Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV! # discuss # devchallenge # githubchallenge # showdev <a href="https://dev.to/devengers/two-devs-and-a-copilot-created-classifierai-a-prototype-chrome-extension-that-automatically-4fge" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left" data-reaction-count data-reactable-id="3815208" aria-label="Add a comment to post - Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV!"> 105 reactions <a href="https://dev.to/devengers/two-devs-and-a-copilot-created-classifierai-a-prototype-chrome-extension-that-automatically-4fge#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center" aria-label="Add a comment to post - Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV!"> Comments 56 comments 15 min read <button type="button" id="article-save-button-3815208" class="c-btn c-btn--icon-alone bookmark-button" data-reactable-id="3815208" data-article-author-id="3711376" aria-label="Save post Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV! to reading list" title="Save post Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV! to reading list"> 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! 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: <img alt="JavaScript" src="https://camo.githubusercontent.com/0d432492c5cfa627fc3c635fe75005b6b34a91650b2c573621365574d41d9d06/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d4a6176615363726970742d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d6a617661736372697074266c6f676f436f6c6f723d463744463145" data-canonical-src="https://img.shields.io/badge/-JavaScript-0F172A?style=flat-square&logo=javascript&logoColor=F7DF1E" style="max-width: 100%;"> <img alt="HTML5" src="https://camo.githubusercontent.com/e8fa3d128a4b4a103c265305e3c01f9961f82d5e19cae4c39414b3e52e593ab7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d48544d4c352d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d68746d6c35266c6f676f436f6c6f723d453334463236" data-canonical-src="https://img.shields.io/badge/-HTML5-0F172A?style=flat-square&logo=html5&logoColor=E34F26" style="max-width: 100%;"> <img alt="CSS3" src="https://camo.githubusercontent.com/a970f45c6bba1e52d9e8c736bcd1c0b4ce41e958ccb2367cc2a28cd9fedce384/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d435353332d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d637373266c6f676f436f6c6f723d313537324236" data-canonical-src="https://img.shields.io/badge/-CSS3-0F172A?style=flat-square&logo=css&logoColor=1572B6" style="max-width: 100%;"> <img alt="Tailwind CSS" src="https://camo.githubusercontent.com/35af1a2fc7443144f6df5e302f29412a99c2e01fbd3b823e1ba4c4549d6c643e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d5461696c77696e642532304353532d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d7461696c77696e64637373266c6f676f436f6c6f723d333842444638" data-canonical-src="https://img.shields.io/badge/-Tailwind%20CSS-0F172A?style=flat-square&logo=tailwindcss&logoColor=38BDF8" style="max-width: 100%;"> Content Analysis: <img alt="TensorFlow.js" src="https://camo.githubusercontent.com/7fd114e52c933fe6afc4806cd51a04cfefa979bebae673081e03dbe6fe269b5c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d54656e736f72466c6f772e6a732d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d74656e736f72666c6f77266c6f676f436f6c6f723d464636463030" data-canonical-src="https://img.shields.io/badge/-TensorFlow.js-0F172A?style=flat-square&logo=tensorflow&logoColor=FF6F00" style="max-width: 100%;"> <img alt="Chart.js" src="https://camo.githubusercontent.com/bed637be1b45c7447468599b92f35c51836993942f45c0816f35955144ea46d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d43686172742e6a732d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d6368617274646f746a73266c6f676f436f6c6f723d464636333834" data-canonical-src="https://img.shields.io/badge/-Chart.js-0F172A?style=flat-square&logo=chartdotjs&logoColor=FF6384" style="max-width: 100%;"> Extension Tooling: <img alt="Vite" src="https://camo.githubusercontent.com/7473283a53b81e83709011dd66dd91fcfbfccc816fcc9e1f74fb3a963261b50f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d566974652d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d76697465266c6f676f436f6c6f723d363436434646" data-canonical-src="https://img.shields.io/badge/-Vite-0F172A?style=flat-square&logo=vite&logoColor=646CFF" style="max-width: 100%;"> <img alt="CRXJS" src="https://camo.githubusercontent.com/ddaa480206794180fcbb1a9246b994faced0709f9d22c195d5f38563236bda3b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d4352584a532d3046313732413f7374796c653d666c61742d737175617265266c6f676f3d676f6f676c656368726f6d65266c6f676f436f6c6f723d343238354634" data-canonical-src="https://img.shields.io/badge/-CRXJS-0F172A?style=flat-square&logo=googlechrome&logoColor=4285F4" style="max-width: 100%;"> <img alt="Docker" src="https://camo.githubusercontent.com/c3da1746e1e1810099a2d2f782908762a9f8c12fc151e82d4da6e37cd5134138/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f646f636b65722d2532333064623765642e7376673f7374796c653d666c61742d737175617265266c6f676f3d646f636b6572266c6f676f436f6c6f723d343238354634" data-canonical-src="https://img.shields.io/badge/docker-%230db7ed.svg?style=flat-square&logo=docker&logoColor=4285F4" style="max-width: 100%;"> How to Run Clone or download the repository and navigate to the project directory. Install the project dependencies: npm install Enter fullscreen mode Exit fullscreen mode Build the extension: npm run build Enter fullscreen mode Exit fullscreen mode Open Google Chrome and navigate to: chrome://extensions Enable Developer Mode in the top-right corner. Click Load unpacked and select the generated dist/ folder. 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 Athreya aka Maneshwar Athreya aka Maneshwar Athreya aka Maneshwar Follow Jun 22 . .. . ... . .... . .... . ... . # ai # webdev # programming # beginners 43 reactions Comments 16 comments 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 Aryan Choudhary Aryan Choudhary Aryan Choudhary Follow Jun 24 To The People Who Read My Weird Little Blogs # discuss # writing # community # learning 91 reactions Comments 58 comments 4 min read @itsugo A post of Aryan's experience on DEV! I Built DockGraph: A Live Topology Map for Docker and Compose Artem Artem Artem Follow Jun 15 I Built DockGraph: A Live Topology Map for Docker and Compose # docker # devops # selfhost # observability 10 reactions Comments 7 comments 5 min read @artemkozak A Docker Visualizer that is helpful for visual programmers and for big projects! Monthly Discovery 🔍 🔍 A guide into getting ahead in programming. This one actually helped me to get a better understanding of myself and the goals I want to set as a programmer getting into tech. 🔍 An AI Takeover Scenario video. Interesting watch. 🔍 Unrelated Tech stuff. If you haven't seen the new Spider-man: Brand New Day trailer, it was released 11 days ago (as of this posting)! Accomplishments 🏆 ✅ 2 Pull Requests has been merged onto Forem. ✅ Cleaned up my Portfolio and Resume. ✅ Continued Virtual Coffee Contribution. ✅ Learning Ruby on Leetcode! Moved away from HackerRank for now. Feel free to follow me on LeetCode! leetcode.com ✅ Continued interacting with the Dev.to community. Still working on... 🔨 🔨 Clean up my portfolio and publishing it on Dev.to for Review. I have it done, just need to publish on dev.to! Goals for Next Month 🎯 📝 Continue Forem Contribution. 📝 Continue Virtual Coffee Contribution. 📝 Publishing my Portfolio on Dev.to for Review. 📝 Doing LeetCode Daily (on Weekdays) to learn Ruby. leetcode.com 📝 Continue interacting with the Dev.to community. Feedback 💬 What else should I do for July? Any questions/comments/advice or tips for the Monthly Report? Leave a comment below! I would love to hear from you!

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:

Content Analysis:

Extension Tooling:

How to Run

Clone or download the repository and navigate to the project directory.
Install the project dependencies:
```
npm install
```
Build the extension:
```
npm run build
```
Open Google Chrome and navigate to:
```
chrome://extensions
```
Enable Developer Mode in the top-right corner.
Click Load unpacked and select the generated dist/ folder.
The extension is now installed and ready to use.

Demo

This is the overall demo of the use…

Monthly Discovery 🔍

🔍 A guide into getting ahead in programming. This one actually helped me to get a better understanding of myself and the goals I want to set as a programmer getting into tech.