
I built a Chrome extension that lets you annotate localhost and have AI fix everything
If you use AI coding tools (Cursor, Claude Code, Windsurf), you've probably hit this: you see something wrong in your UI, and now you have to describe it in text. "The padding on the card component... it's in the dashboard page... the one with the user avatar... the spacing between the avatar and the name is too tight, and the border radius should match the other cards..." By the time you've typed that, you could have just opened the CSS and fixed it. What I built Pointa is a Chrome extension that lets you click on any element in your localhost app and leave a visual annotation. pointa.dev | GitHub: github.com/AmElmo/pointa-app Behind the scenes, it captures: Element CSS selector Current CSS properties Source file reference Your annotation text Optional screenshot Your AI coding tool reads all annotations via MCP (Model Context Protocol) and implements the changes. The bulk workflow This is where it clicks. Browse through your app. Click things that need fixing. Wrong color here. Bad p
Continue reading on Dev.to Webdev
Opens in a new tab


