Show HN: Spotnote – click an element, hand your coding agent its file:line

Category: devtools

Tags: vite-plugin, coding-agents, ui-feedback, developer-tools, source-mapping

Score: 7.3/10 (Innovation: 7, Technical: 7, Documentation: 8, Utility: 7)

Spotnote is a Vite plugin that lets developers click any UI element in their running app, add a note, and copy a precise prompt with the element's file, line, column, and computed styles to the clipboard for coding agents like Claude Code or Cursor. It works across Vite frameworks, requires zero imports, and keeps production builds clean by only running in dev or explicitly enabled staging builds. The webhook feature even sends notes with screenshots to team chat or issue trackers.

Target audience: frontend developers, full-stack developers

Repository: https://github.com/harukikuri/spotnote · TypeScript · MIT · 19 stars

View on Hacker News