You ask your AI to change a margin. It changes the wrong element. You describe it again. It changes something else. You're now eight messages deep trying to fix something that should have taken five seconds.
The big logic, the complex features — AI handles those beautifully. But the small visual stuff — the margins, the widths, the spacing, the alignment — is a nightmare.
The problem is simple: you can see what you want to change. The AI can't.
The Fix
So you end up writing paragraphs trying to describe something you could point at in one second. Agentation fixes this.
It's a free npm package that adds a small popup on your live app while you're in development. You click the element directly, leave your note right on the screen, and your AI agent knows exactly what you're pointing at. No description needed. No back and forth.
The change that took eight messages now takes one.
How You Use It
- Click the icon in the bottom-right corner to activate.
- Hover over elements to see their names highlighted.
- Click any element to add an annotation.
Free tool, works with Claude Code, Cursor, Windsurf — any agent.
What small visual change has driven you the most crazy with your AI agent?