training/skills/hallmark/references/components/f5-annotated-screenshot.md

F5 · Annotated screenshot

A product capture sits centre-stage with arrows or short labels pointing to UI details. Use when: the product UI itself is the explanation. Don't confuse with: F2 Sticky-scroll (which uses multiple screenshots in sequence).

<figure class="annotated">
  <img src="" />
  <span class="callout" style="--x:60%; --y:30%;">→ assigns automatically.</span>
</figure>