Inspector is a visual editor that connects to your favorite AI agent (Claude Code, Codex, Cursor). Click on an element in your UI, tweak it visually, and Inspector writes the change to your codebase. No more design handoff, just push to the repo.
I'm Michael, co-founder of Inspector with my best friend Quentin.
We built this because we were spending hours designing the perfect UI in a visual editor, then losing all that work when it was time to actually implement it in code.
We wanted something that just worked, so we built Inspector.
It's like Figma for your actual codebase. You can just do things like:
Tweak the spacing on a card, click apply, and it's in your repo
Redesign your nav bar visually, then push a PR without writing a single prompt
Hand a designer Inspector and they ship a UI fix straight to prod
It connects to the agent you already use (Claude Code, Cursor, Codex) and writes the changes directly to your codebase or GitHub repo. No design handoff. No "please fix" screenshots. No translating mockups into prompts.
We’d love feedback, questions, or ideas for where we could improve your workflow!
Awesome stuff guys! Love the product and I believe that all roles in Software will converge into one multidisciplinary role. This will play a big role in that future :)
Will do. The GitHub PR flow straight from the visual editor is where I'd start testing it seriously.
Awesome stuff! Curious on what your long term goals are for Inspector! Do you expect visual-first editing to become the primary interface for frontend changes?
Figma for Claude Code is a brilliant concept! How do you handle version control when multiple people are iterating on the same UI components with AI?
Congrats on the launch! 🚀
Really interesting launch guys. What's on the roadmap to ship in the next few weeks?
Love this! Even as a non-designer, this really appeals to me. It really takes me out of the flow jumping between browser and Claude Code when doing front end work.
Inspector writing changes straight to the codebase from a visual click is where this gets interesting. Most visual editors stop at generating a screenshot or a diff... actually resolving the element to its source line and pushing the edit removes the whole copy-paste-from-Figma loop.
Looks like you are providing designer capability to code, which I really like, your approach to empower designers to code using agent, on the interface they familiar.
This is truly amazing! I wonder if, with the right marketing strategy, this could reach the size and power of Cursor or Figma.
I tried developing one once (I'm not a programmer, just an enthusiast) and realized I had many difficulties editing specific elements in my app's structure, even when creating it using AI. Are you already promoting it?
Frontend stuff that’s taken me hours w/ claude code can be done in seconds w inspector!
Hey Product Hunt 👋
I'm Michael, co-founder of Inspector with my best friend Quentin.
We built this because we were spending hours designing the perfect UI in a visual editor, then losing all that work when it was time to actually implement it in code.
We wanted something that just worked, so we built Inspector.
It's like Figma for your actual codebase. You can just do things like:
Tweak the spacing on a card, click apply, and it's in your repo
Redesign your nav bar visually, then push a PR without writing a single prompt
Hand a designer Inspector and they ship a UI fix straight to prod
It connects to the agent you already use (Claude Code, Cursor, Codex) and writes the changes directly to your codebase or GitHub repo. No design handoff. No "please fix" screenshots. No translating mockups into prompts.
We’d love feedback, questions, or ideas for where we could improve your workflow!
Join the Discord: https://discord.gg/ZURx9ckUgH
Try out Inspector with $20 free (PH special): www.tryinspector.com
Happy shipping,
Michael & Quentin