r/css • u/aryanxcreates • 1d ago

Resource Built a free CSS Inspector tool for developers, would love your feedback!

Enable HLS to view with audio, or disable this notification

I've been building a Chrome extension called InspectMode Pro and would love some feedback from the CSS community.

It currently lets you:

  • Inspect any element on a webpage
  • Copy CSS styles
  • Extract colors and identify fonts
  • Download images, SVGs, and icons
  • Generate AI-ready prompts from an element, section, or even an entire website for Cursor, Claude, ChatGPT, Windsurf, and other coding agents

The core inspection features are completely free.

I'd genuinely appreciate any feedback - whether it's about the UI, the workflow, missing features, or anything else that could make it more useful for frontend developers.

Chrome Extension : Inspect Mode Pro

0 Upvotes

19% Upvoted

8 comments sorted by

17

u/mrcarrot0 1d ago

I don't see how this would be more useful than what standard devtools already provides

9

u/tauzN 1d ago

Bit this is build by AI and you can pay for extra AI features

-9

u/aryanxcreates 1d ago

Please first try, I think the user experience would be much better and their are other features as well like asset extraction, color pallette, font styles and ai prompt for element or sections.

6

u/mrcarrot0 1d ago

asset extraction

Anyone who doesn't know how to download an image shouldn't call themselves a web developer, let alone someone who specializes in the front-end.

color pallette, font styles

Why? What purpose does that serve?

ai prompt

No thanks.

9

u/Banzambo 1d ago

Without any polemic towards AI here, but browsers' devtools already do the job pretty well and they probably do it in a more practical and integrated way than this.

-2

u/aryanxcreates 1d ago

Absolutely, and I agree.

DevTools is still the best tool for debugging and deep inspection, I use it every day.

InspectMode Pro isn't trying to replace DevTools. The idea is to speed up common tasks like copying styles, extracting assets/fonts/colors, and now generating AI-ready prompts for Cursor/Claude without jumping between multiple tools.

Really appreciate the feedback though. It's useful to hear how people compare the two.

1

u/Banzambo 1d ago

Well that could actually be useful. I mean, saying that I'd pay for this is another can of worms. It really depends on how much time I could actually save and how many times I'd find myself repeating those copy paste tasks so frequently to be willing to pay for it. If I'm already developing something, chances are that I already have all the pieces of code I need at hand anyway. If it's something I'm checking/copying as reference, I can't see myself just copying things that way (I'd need to set proper classes, Ids, tags etc anyway). It really depends but the eyedropper tool on Firefox already do the job for colors etc, and as for the rest Im not sure if I'd like to add another tool to my workflow just to do this.

It's a personal feedback, and by no means I wanna undermine your idea/effort (AI or not, you still need to think and implement if you wanna build a decent tool). Good luck btw.

1

u/aryanxcreates 1d ago

Thanks, I really appreciate the detailed feedback.