Pinar
HomePlansWhat’s newHelp
Sign in
⌘ K

Get startedCaptures and pinsAI agentsProjects and collectionsCloud and plansPrivacy and data
Get started
Install PinarMake your first captureChoose local or cloud storageKeyboard shortcuts
Captures and pins
AI agents
Projects and collections
Cloud and plans
Privacy and data
Help/Get started

Make your first capture

Pin a visible element or area, write feedback, and copy one correlated bundle.

3 min
Visual example: The overlay toolbar stays on the page with pin, selection, copy, mask, region, and cancel shortcuts while you annotate.

In this guide

  1. 1Pin the page
  2. 2Copy the bundle
  3. 3Finish the copy and keep identities
1

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+Enter adds a line break; Escape closes the draft without deleting the other pins.
2

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.

3

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.
Still need context?See all in category

On this page

Pin the pageCopy the bundleFinish the copy and keep identities
Support Fair Source development

Prefer supporting public source development directly? Sponsor on GitHub or buy a coffee.

Buy Me a CoffeeSponsor on GitHub
Pinar·© 2026·Pinar v0.3.6
Terms of ServicePrivacy Policy