Astro
Load Cite only under astro dev. astro build drops the tag.
---
const cite = import.meta.env.DEV;
---
{cite && (
<script
is:inline
src="https://cite.brijr.dev/cite.js"
data-project="your-site"
/>
)}Install
Copy this into Claude, Cursor, or Codex.
Add Cite to this Astro project for local development only. Never ship it to production.
Cite: https://cite.brijr.dev/cite.js
Docs: https://cite.brijr.dev/astro
One script. It overlays the page so you can click an element, describe the change, and copy a bundle (selector, HTML, computed CSS, nearby DOM, request) into a coding agent.
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.brijr.dev/cite.js" data-project="PROJECT"></script>
Replace PROJECT with this repo's name. data-project namespaces localStorage.
Optional: vendor https://cite.brijr.dev/cite.js into public/cite.js and load /cite.js instead.
Verify with astro dev: 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. Do not load Cite in production.Verify
Run astro dev. Press Cmd+Shift+F. A circle marked => appears in the bottom right.