Project detail · Developer Tools
HoverSource
Capture UI elements with code context and screenshots to share with AI agents for debugging visual bugs.
loerei.github.io
Try live demo Live checked3 days ago
Try this first: Hover over a UI element to capture it with code context for your AI agent.
- Open source
- Yes
Tech Profile
- Hosting
- GitHub Pages
- UI
- Tailwind
- Built by
- Solo maker
- Time
- Multiple weeks
- Built with AI
- Cursor, Gemini
- Open source
- Yes
Site health
🛠 4 site-health suggestions await the maker — claim this project (sign in with X) to view.
Source
I found that describing where a broken UI is and taking screenshots for AI agents really sucks. I’m too lazy to explain an indescribable visual bug or capture a millisecond-long flash. I also don’t want to remember which file defines an element, whether it's right in the .tsx or a problem with the Parent Styles in .css. And even if you can point out the exact file, your agent still has to dig through thousands of lines of code to know what on earth you're yapping about. In a 7700-file monorepo like Cal.com, simply giving the right file in the prompt for your agent saves about 68.9% of execution time and 94.2% of the tokens your agent needs to digest. HoverSource gives all the needed information and further pushes it to -88.5% time and -94.5% tokens, basically skipping the entire digging session and jumping straight to reasoning and executing. The save is linear to how big your codebase is. I want to save tokens, but don’t want to spend my time and energy digging manually, and a junio
For the maker: hang the plaque, claim the project
This project is unclaimed — sign in, hang the plaque on your site, and it's yours.
For the maker: hang the plaque, claim the project
This project is unclaimed — sign in, hang the plaque on your site, and it's yours.
Keep exploring
Similar projects
Sign in to report a problem with this project.
Comments
Sign in to comment.