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!
@annedevj Thanks for the install! I'd love to hear your experience using it.
Please leave a review in the Chrome Web Store too. ππ½
Report
This is very effective. I like the approach, it's so super easy to use. I installed and tested it with a few sites and can confidently say it works as advertised.
Report
As someone who enjoys using different text, this makes it easier for me to find texts that I find interesting.
Report
I use colorpicker extension but this extension adds an extra feature of which fonts are being used in the website, Liked this one π
Report
This sounds like a really useful tool! I'm curious, will it extract colors/fonts used in frameworks like Bootstrap or Tailwind effectively?
DesignDupe
BlissBox
DesignDupe
DesignDupe