Getting Started
Quick Start
About 2 minutes. Click an element, write a note, paste it into your agent.
Requirements
- Spotnote installed in your Vite app.
Quick Start
Start your dev server
pnpm devOpen the local URL Vite prints.
You should see in the bottom-left corner. That's the launcher.
Click the launcher, then an element
Click , then click the element you want to change.
You should see the launcher turn into , an outline follow your cursor with a label like button .chip ProductCard.jsx:12, and, after your click, the note panel open next to the element.
Write what should change, press Enter
You should see for a moment (the prompt is on your clipboard) and a numbered pin on the element.
Paste into your agent
Paste into Claude Code, Cursor, Codex or any chat.
You should see the agent edit the right file, and Vite's hot reload show the change in the page.
Next
Connect your agent: skip the copy and paste. Your agent picks up notes as you write them.