An app-development tool that allows you to take precise, agent-oriented notes directly in your browser. Just open your app, activate the bookmarklet, and click on any element to pair a note with its precise selector, style, position, and underlying DOM state. Notes are grouped by session and appended automatically to timestamped markdown files in a local folder of your choice.
1. Install the bookmarklet. Drag it to your bookmarks bar:
2. Open your app on localhost (or any site).
3. Click the bookmarklet. Choose a folder, if not yet set.
| Alt (hold) | highlight the element under the cursor |
| Alt + click | select it as a target, open the composer |
| Alt + Shift + click | add another target to the same note |
| Enter | save the note |
| Esc | cancel |
| Alt + ` | toggle the session drawer |
Notes append to timestamped markdown files in your output folder. Add, remove, and group as needed.
When done, point your agent at the folder to plan or implement your suggestions.