Example feedback

When you copy your feedback or send it to a coding agent, it includes:

  •  Element's selector, position and size
  •  Page URL, viewport and browser
  •  Source file, when on a development server (React, Svelte, Solid)
  •  Screenshot (optional)

Here's what that looks like:

# Feedback

Adjust our landing page

## 1. `section.text-foreground\/70.space-y-4.\*\:max-w-\[70ch\]`

Make this text 12px

- **Page:** [http://localhost:5173/](http://localhost:5173/)
- **Device:** `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36`
- **Viewport:** 974×598
- **Device pixel ratio:** 2
- **Position:** X 24, Y 184
- **Size:** 672×232
- **Source:** [`src/routes/+page.svelte:24`](src/routes/+page.svelte)

## 2. `… > p:nth-of-type(1)`

Suggest a shorter sentence

- **Page:** [http://localhost:5173/](http://localhost:5173/)
- **Device:** `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36`
- **Viewport:** 974×598
- **Device pixel ratio:** 2
- **Position:** X 24, Y 192
- **Size:** 672×40
- **Source:** [`src/routes/+page.svelte:27`](src/routes/+page.svelte)

## 3. `section.text-foreground\/70.space-y-4.\*\:max-w-\[70ch\]`

A bit more margin between paragraphs

![Screenshot](~/Downloads/screenshot-1.png)

- **Page:** [http://localhost:5173/](http://localhost:5173/)
- **Device:** `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36`
- **Viewport:** 974×598
- **Device pixel ratio:** 2
- **Position:** X 24, Y 184
- **Size:** 672×232
- **Source:** [`src/routes/+page.svelte:24`](src/routes/+page.svelte)