DesignDupe

Identify colors and fonts on any website in a single click.

Rather than installing one extension for colors, another for fonts, and then hovering your mouse over every element on the page, you get to see all the colors/fonts used on any website in an instant.I built DesignDupe as an experiment to test the limits of ClaudeAI.

I started with a simple prompt: “create a chrome extension that will extract all the colors and fonts from a website.” I downloaded the code, tested it out locally, and it worked immediately! Then, I began to iterate on the product by asking Claude to add hover effects, copy hex codes to clipboard onClick, fix any error messages that came up, etc. After each response, I would simply copy over the generated code into my repo and test it out. Within a couple dozen prompts, I was left with something nice and published it to the Chrome Web Store.

Try it out and please leave a review!I use eye dropper but this is just instant, a click to copy the colour, and no need to select it first 👌 Extension installed, thank you! 🙏@annedevj Thanks for the install! I'd love to hear your experience using it. Please leave a review in the Chrome Web Store too. 🙏🏽Congrats on the launch! 🎆 This is the start of something big. I’m excited to use it and witness its positive impact firsthand! @musab_abdullah@zulkarnaim Thanks!Congrats on the launch of DesignDupe, @musab_abdullah! 🎉 This tool is a game-changer for designers and developers alike. Extracting colors and fonts in one click is going to save so much time. Can’t wait to see what other features get added in the future! #PH #MVP@elke_qin Thanks for the support! Would love for you to give it a try and leave a review in the chrome web store