Every kind of element to practice on.

(rail on the right, or press ), click things, leave comments — then ask your agent to work through them.

Form controls

Inputs, selects, checks & buttons

Full name

Start date

Satisfaction

Team

Skills (multiple — options stay visible, annotate individual ones)

Notes

Email updates Beta features Monthly Yearly

Heads-up: options of a closed single-select render in a native popup the browser owns — they can’t be clicked as page elements. The multi-select above keeps its options in the page, so those can be annotated individually.

Table

Rows, cells & status badges

Product	Status	MAU	Uptime
easyPLU	live	12,480	99.97%
easyTraining	live	8,912	99.95%
Skilltakt	beta	341	—

Images & SVG

Vector shapes & raster images

Inline SVG — every <rect> is its own annotatable element.

Placeholder gradient — An `<img>` element (data URI, no network).

Text & misc

Prose, quotes, lists & details

A paragraph with a link, some bold text, emphasis, inline code and a chip.

“Multi-select this quote together with the paragraph above and complain about the typography in one single comment.”

First list item
Second list item with another link
Third item, deliberately boring

A collapsed details element

Hidden content becomes annotatable once expanded.