Make your first capture
Pin a visible element or area, write feedback, and copy one correlated bundle.
3 minIn this guide
Pin the page
Open the page, select the Pinar extension, then click an element or drag a freeform area. Write the comment and press Enter to add the pin.
- Repeat the selection to place multiple numbered pins in one capture.
Shift+Enteradds a line break;Escapecloses the draft without deleting the other pins.
Copy the bundle
Press Command+Enter on macOS, Ctrl+Enter elsewhere, or Alt+Enter on either. Pinar copies human-readable Markdown, HTML, and a pinar-visual-context JSON block that refer to the same screenshot and pin identities.
Finish the copy and keep identities
Command/Ctrl/Alt+Enter copies only after at least one pin has a comment. The overlay shows “Saving the annotations…”, hides the pins for the screenshot, then “Copied successfully!”, and the toolbar closes. Clicking the extension icon later only shows or hides the overlay; it does not delete pins you already placed. If every clipboard path fails, the overlay is restored so you can retry.
Treat the clipboard payload as one unit: readable instructions, an optional viewer URL, and a fenced pinar-visual-context JSON block with captureId, pinId, page URL, locators (cssSelector, domPath, innerText), and a screenshot URL when the helper stored a file. Numbered badges on the image are annotation overlays, not page UI. Do not rewrite captureId or pinId when pasting to an agent. A Screenshot: /path/to/file.png line, when present, is the single crop that contains every pin.
- An empty composer or a capture with no pins aborts the copy and flashes “Write a comment first” or “Add a pin first”.
- Degraded copies still paste comments and locators, but the toolbar may add “no screenshot”, “helper unavailable”, or “no viewer” after “Copied successfully!”.
- Prefer a running local Pinar so the copy can include a screenshot and a viewer link for full context.