Spotnote is a Vite plugin that turns visual UI feedback into actionable prompts for coding agents. While running a dev server you click any element in the app, type what should change, and Spotnote copies a ready-to-paste prompt to the clipboard that points to the exact source file, line, and column. It supports any Vite framework (React, Vue, Svelte, Solid, Astro, etc.), requires Vite 5+ and Node 22+, needs no imports in app code, and runs only in dev (with an opt-in staging build mode). Install via npm -D spotnote and add spotnote() to your vite.config plugins; everything stays local with no account or cloud dependency.
Prompts include structured fields: Request text, Target (file, line, column, where it’s used, DOM element and visible text, instance index), Source path (component hierarchy), and current computed styles. For automation, a local MCP integration lets an agent watch notes and apply changes without manual copy/paste; staging builds also name the commit for review workflows. A webhook option posts each note as JSON to a URL for team chat or issue trackers. The project is open source under the MIT license.
Summary generated by AI from the linked article. hn.today is not affiliated with Hacker News or Y Combinator.