Spotnote
Getting Started

Quick Start

About 2 minutes. Click an element, write a note, paste it into your agent.

Requirements

Quick Start

Start your dev server

pnpm dev

Open 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.

On this page