whereismyai
Spotnote
Spotnote is a Vite plugin that provides UI feedback to coding agents with exact file and line locations.
Spotnote is a Vite plugin designed to send UI feedback directly to coding agents. Developers and designers click any element in a running application, write requested changes, and generate a prompt containing the precise file, line, and column. It supports Vite frameworks including React, Vue, Svelte, Solid, and Astro without requiring code imports. It operates locally with no account or cloud dependencies, and runs during development or staging builds. Users can copy prompts manually, use MCP for local agents like Claude Code, Cursor, Codex, and Gemini CLI, or configure webhooks to send JSON payloads to team chats and issue trackers.
Spotnote at a glance
Key features
- Points to exact file, line and column in source code
- Works with React, Vue, Svelte, Solid, and Astro
- Requires zero code imports
- Runs locally with no account or cloud
- Generates prompts ready for clipboard copy
- Supports MCP integration for local agents
- Includes webhook support for JSON notes
Use it for
- Send UI element feedback to coding agents
- Collect designer notes on staging builds
- Post change requests to team chats via webhooks
Alternatives to Spotnote
- Claude Passnote — Direct inter-agent messaging across multiple computers without manual relay.
- Feedbacks — It is 100 percent free, open-source, and self-hosted with agent support.
- Portal AI Plugins — Integrates Spotify Portal workflows directly into your coding environment.
- PulseDev — Edits local source files directly through existing coding agents based on visual web clicks.
- Buildnotes — It reads issues, PRs, and reviews to extract key decisions and generate content.
- ModLens — Converts screenshots and charts into structured JSON data for coding agents.
- Whiteboard by /dev/fast — Review software architectural changes, agent trajectories, and diffs in one place.
- jevgrep — Reduces coding agent costs by providing targeted, relevant repository context.
- Domscribe — Connects UI elements directly to source code for precise AI-assisted edits.
- Skisso — Generates exact CSS and text diff patches for coding agents directly from the browser
- Enzyme — It indexes markdown notes locally so AI coding agents can cite them.
- ccusage — Tracks token usage and costs locally across multiple coding agent CLIs.
All Spotnote alternatives