SpotNote – UI Feedback for AI Coding Agents

Click webpage elements, add UI feedback, and copy selector-rich Markdown for AI coding agents.

Stop describing UI changes in words. Click the exact element, write what should change, and hand your AI coding agent a precise, selector-rich brief. SpotNote is for developers, designers and PMs who fix web frontends with AI coding agents: click an element, jot the change, and copy everything as clean Markdown. HOW IT WORKS 1. Turn on SpotNote — click the toolbar icon or press Cmd/Ctrl+Shift+E 2. Click any element and write your feedback. Repeat across the page — each note gets a numbered marker 3. Hit Copy and paste the Markdown into your AI coding agent WHAT YOUR AGENT RECEIVES Each note includes the element's CSS selector, tag and visible text, so the agent knows exactly which element you mean: ## 1. form.checkout > button[type="submit"] - Element: <button> "Place order" - Feedback: Match the width of the input above FEATURES - Numbered markers on annotated elements - Element-select mode / normal browsing mode toggle - Notes are saved per page and survive reloads - Keyboard-first: Cmd/Ctrl+Shift+E to toggle, Shift+Enter to add - Lightweight: no account, no setup, no broad site permissions (activeTab only) PRIVACY Your notes never leave your browser. Everything is stored locally in chrome.storage.local and copied to the clipboard only when you press Copy. SpotNote runs no AI model and sends nothing to any server. Works with Claude Code, Cursor, and any tool that accepts pasted Markdown. Not affiliated with or endorsed by Anthropic or Cursor.