hn.today

Show HN: Spotnote – Vite plugin for UI feedback to coding agents

github.com8 points0 comments
Screenshot of Show HN: Spotnote – Vite plugin for UI feedback to coding agents

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.

Read on github.com0 comments on Hacker News

Summary generated by AI from the linked article. hn.today is not affiliated with Hacker News or Y Combinator.

More in Programming

The End of Rationing

The End of Rationing

The end of engineering rationing has made building software cheaper and easier, shifting the industry from expensive R&D to low fixed costs and higher marginal costs. This change allows for more experimentation and innovation, leading to fundamentally different products and features. (sanketsaurav.com)

The daily digest

Today's best Hacker News stories, summarized and screenshotted, one email a day.