OUTPUT FORMAT REFERENCE

Markdown Output.

Every detail level produces a different depth of context. Choose the right one for your workflow.

L1 Compact L2 Standard L3 Detailed L4 Forensic
1

Compact

LEVEL 1

Minimal output — element, path, and instruction only. Quick captures.

## Page: /C:/Users/okmdj/Desktop/aa.html ## Change #1 **span:** "Add to Chrome — Free" **Path:** `body > section.relative.py-32:nth-of-type(11) > div.relative.max-w-4xl:nth-of-type(7) > div.flex.flex-wrap:nth-of-type(2) > a.btn-primary.px-8:nth-of-type(1) > span` **Update/Change:** Change this
2

Standard

LEVEL 2

Default level. Adds viewport, position, and context info.

## Page: /C:/Users/okmdj/Desktop/aa.html **Viewport:** 1463×793 ## Change #1 **Element:** `span` **Text Content:** "Add to Chrome — Free" **Path:** `body > section.relative.py-32:nth-of-type(11) > div.relative.max-w-4xl:nth-of-type(7) > div.flex.flex-wrap:nth-of-type(2) > a.btn-primary.px-8:nth-of-type(1) > span` **Context:** Desktop Viewport **Position:** 531px, 214px (169×24px) **Classes: None **Update/Change:** Change this
3

Detailed

LEVEL 3

Adds DOM snapshot, severity, and source info.

## Page: /C:/Users/okmdj/Desktop/aa.html **Viewport:** 1463×793 ## Change #1 **Element:** `span` **Text Content:** "Add to Chrome — Free" **Path:** `body > section.relative.py-32:nth-of-type(11) > div.relative.max-w-4xl:nth-of-type(7) > div.flex.flex-wrap:nth-of-type(2) > a.btn-primary.px-8:nth-of-type(1) > span` **Context:** Desktop Viewport **Source: aa.html (Static HTML) **DOM Snapshot:** ```html <span data-ag-source="">Add to Chrome — Free</span> ``` **Position:** 531px, 214px (169×24px) **Classes: None **Update/Change:** Change this **Severity:** important
4

Forensic

LEVEL 4

Everything — computed styles, user agent, nearby elements, annotation position.

## Page: /C:/Users/okmdj/Desktop/aa.html **Viewport:** 1463×793 **URL: file:///C:/Users/okmdj/Desktop/aa.html# **User Agent:** Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36 **Timestamp:** 2026-07-06T08:10:50.154Z **Device Pixel Ratio:** 1.75 ## Change #1 **Element:** `span` **Text Content:** "Add to Chrome — Free" **Path:** `body > section.relative.py-32:nth-of-type(11) > div.relative.max-w-4xl:nth-of-type(7) > div.flex.flex-wrap:nth-of-type(2) > a.btn-primary.px-8:nth-of-type(1) > span` **Context:** Desktop Viewport **Source: aa.html (Static HTML) **DOM Snapshot:** ```html <span data-ag-source="">Add to Chrome — Free</span> ``` **Position:** 531px, 214px (169×24px) **Nearby Elements: i.fa-brands.fa-chrome.text-lg **Annotation at: 42.1% from left, 7246px from top **Classes: None **Update/Change:** Change this **Severity:** important **Computed Styles:** - `display`: block - `position`: static - `width`: 169.179px - `height`: 24px - `margin`: 0px - `padding`: 0px - `color`: rgb(10, 10, 11) - `background-color`: rgba(0, 0, 0, 0) - `font-size`: 16px - `font-weight`: 600 - `font-family`: "Space Grotesk", sans-serif - `border`: 0px solid rgb(229, 231, 235) - `border-radius`: 0px - `box-shadow`: none - `opacity`: 1 - `cursor`: pointer - `flex-direction`: row - `align-items`: normal - `justify-content`: normal - `gap`: normal - `overflow`: visible - `text-align`: center - `line-height`: 24px - `z-index`: auto - `transform`: none
5

Level Comparison

What each detail level includes in its output.

Output Field Compact Standard Detailed Forensic
Page path
Viewport dimensions
Element tag
Text content
CSS selector path
Viewport context label
Position + dimensions
CSS classes
DOM snapshot (HTML)
Source file
Severity level
Full URL
User agent string
Timestamp
Device pixel ratio
Nearby elements
Annotation position (%)
Computed styles