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!
@musab_abdullah Congratulation on your product launch 🚀. I admire the design patterns of DesignDupe, and I believe my background in User centered design aligns well with your team’s needs. Will you be needing a Product Designer to join your amazing team?
Congrats on launching DesignDupe, @musab_abdullah! This is such a game-changer for designers and developers alike. 🖌️ Getting instant visibility into all colors and fonts on a website without juggling multiple extensions is a huge time-saver. Your use of ClaudeAI for rapid prototyping is impressive—it's exciting to see how you iterated and improved your product! Can't wait to give it a spin and leave a review. Keep up the amazing work! PH community is lucky to have such a resource!
I use colorpicker extension but this extension adds an extra feature of which fonts are being used in the website, Liked this one 👍
As someone who enjoys using different text, this makes it easier for me to find texts that I find interesting.
Congratulations on launching DesignDupe! 🎉 It’s impressive to see how you’ve utilized ClaudeAI to develop and refine your Chrome extension.
How did the iterative process with ClaudeAI help shape the final version of DesignDupe, and what were some key features or improvements that emerged from this process?
Wow, that's great, I've always wanted to try using claudeAI to develop a browser plugin for myself to use, and you've done a great job of exploring and practicing
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.
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
Congrats on this! I’ve been using this for a few days now, super useful in finding.fonts
Absolutely amazing. Congratulations to your launch, Musab! just gave it a good upvote
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! 🙏
That sounds like an impressive experiment! It's fascinating to see how you used ClaudeAI to build and refine your Chrome extension step by step. DesignDupe seems like a useful tool for designers and developers who want to quickly extract design elements from websites.
Hey Musab,
I'm curious about how accurate the color and font detection is, especially for more complex layouts.
Do you have plans to expand this to other browsers like Firefox or Safari?
Congrats on the launch!
Hi @musab_abdullah
This is an impressive initiative that addresses a common challenge faced by web designers and developers. The ability to identify colors and fonts on any website with just a single click is a remarkable advancement in streamlining the design process. Your approach of utilizing ClaudeAI to enhance functionality, such as implementing hover effects and enabling clipboard access for hex codes, showcases a commendable level of innovation and adaptability.
Moreover, your experience in iterating the product based on generated responses highlights the potential of AI-assisted development in creating user-friendly tools. I encourage others to explore DesignDupe and share their feedback, as user reviews will undoubtedly contribute to further improvements. Congratulations on successfully launching this extension on the Chrome Web Store!
That will really help me and other developers. Appreciate the product best luck Musab
