
https://www.youtube.com/watch?v=Bxd1kO10qz4
We’re Michael and Quentin from Inspector, and we’ve spent the past few years building tools and interfaces that sit between humans and computers — from HCI research at Carnegie Mellon to products at Character AI and Oracle.
When we started building web-based games, we were spending 12 hours a day tweaking front-ends and going through the same loop over and over: wireframing in Figma, adding screenshots to Cursor, and debugging in Chrome DevTools. It felt like a constant game of telephone to get our agents the right context from the DOM, codebase, and how it actually looked.
That’s why we built Inspector, an AI IDE for front-end that connects your browser and codebase. Inspector lets you select elements visually and prompt changes, giving coding agents access to the same runtime context developers have: visuals, elements, and logs. With Inspector, you’re editing right in the front-end, not buried under tabs and screenshots.
Take DOM-aware screenshots that snap to elements and auto-attach to chat.
Click elements to use their exact place in your codebase as context for your agent run.
Use the terminal tool to attach DevTools terminal output straight to the conversation.