Click anything. Tell the agent what to change.

One script on any website. Click an element, describe the change, and copy a compact bundle for Claude, Cursor, or Codex. Selector, HTML, relevant CSS, nearby elements, and the request.

No accounts. No backend. No build step.

<script src="https://cite.wipds.com/cite.js"></script>

Install

Copy this into Claude, Cursor, or Codex.

Add Cite to this project for local development only. Never ship it to production.

Cite: https://cite.wipds.com/cite.js
Docs: https://cite.wipds.com

One script. It overlays the page so you can click an element, describe the change, and copy a compact bundle (selector, HTML, relevant CSS, nearby elements, request) into a coding agent.

Astro: in the root layout, at the end of body, render this only when import.meta.env.DEV is true. Use is:inline so Astro does not bundle it.

<script is:inline src="https://cite.wipds.com/cite.js" data-project="PROJECT"></script>

Replace PROJECT with this repo's name.

Other stacks: same script, only in dev. Next.js: process.env.NODE_ENV === "development". Vite: import.meta.env.DEV. Otherwise inject only when location.hostname is localhost or 127.0.0.1. data-project namespaces localStorage.

Optional: vendor https://cite.wipds.com/cite.js into public/cite.js and load /cite.js instead.

Verify with the dev server: Cmd+Shift+F (Ctrl+Shift+F on Windows) opens Cite. A circle marked => appears in the bottom right.

Do not add a package, backend, or auth.

Use

  1. Press Cmd+Shift+F to inspect
  2. Tab or arrows to an element, then Enter
  3. Write the change. Cmd+Enter saves
  4. C copies the bundle and clears the list

Keys

+-----------------+------------------+
| Cmd + Shift + F | Inspect          |
| Tab             | Next element     |
| Enter           | Cite this        |
| Cmd + Enter     | Save             |
| C               | Copy and resolve |
| ?               | All shortcuts    |
| Esc             | Back             |
+-----------------+------------------+

Copied with each annotation

Selector, capped visible text, sanitized HTML, relevant CSS, nearby elements, geometry, and a query-free page URL.

Try it

This page has Cite loaded. Press Cmd+Shift+F and mark anything here.