[*] Chrome Extension · Free · Open Source

Inspect any element.
Paste context into your AI coding agent.

Boost your productivity when fixing your site's UI. Hold Alt (or Option on Mac), click any element, and copy its HTML, styles, or a fully-formed prompt.

[*] Generated prompt preview

## Task
Make this button pill-shaped

## Context
- Page: https://example.com/dashboard
- Element: button#submit.btn.btn-primary

## Element HTML
```html
<button id="submit" class="btn btn-primary">
  Save changes
</button>
```

## Computed styles
```css
display: inline-flex;
padding: 8px 16px;
border-radius: 6px;
font-weight: 600;
```

[*] How it works

1. 01
   Hold Alt / Option — Cursor switches to a crosshair. Hover mode activates.
2. 02
   Hover over any element — A highlight overlay appears with the element's tag and classes.
3. 03
   Click — A context menu opens with four actions.
4. 04
   Choose your output — Generate prompt, Copy HTML, Copy styles, or View styles.

[*] What you get