Live Mode

Live is nitpin’s built-in capture surface for web apps: your running app, hosted inside the Cockpit, with the capture loop one keystroke away — no separate browser, no window-picking.

Enter and leave Live with ⌥⌘L, or the Capture Live button in the Cockpit rail. The Cockpit chrome tints orange while you’re in it.

You drive; nitpin watches

Load your app (the address field suggests localhost:3000) and use it exactly as you would in a browser — click around, fill forms, get it into the state you want to critique. nitpin never navigates, clicks, or types for you:

Your app stays in your hands. nitpin reads the page; it never drives it.

The browser strip has Reload (⌘R), the address field (⌘L focuses it), and a Capture button (⌘⇧C).

Freeze and annotate

Hit Capture to freeze the page. The frozen state hosts the exact same annotation editor as a window capture — click for a pin, drag for a region, type notes, then Save (⌘S). Recapture re-freezes after you’ve changed the page.

What Live adds over a window capture

• Element hints. As you drop each pin or region, nitpin silently reads the DOM element under it and records a best-effort CSS selector and DOM path. Agents use the selector to jump straight to the right component, and you can grab it yourself via Copy selector in the Inspector.
• Provenance. The issue records the page URL and viewport size, so “where was this?” is never a question.
• Viewport presets. Size the page like a device before you capture: phone presets (iPhone SE, iPhone 16, iPhone 16 Pro Max, …), tablets, desktop widths, a Fit mode, or custom sizes.
• Page theme. Flip the page between System / Light / Dark to chase down dark-mode nits without touching your OS setting.

Session housekeeping

Live keeps an isolated web session per project — your logins and storage there don’t mix with your real browser. Reset web storage… (in the overflow menu) signs out and clears cookies, local storage, and caches for the project’s Live session.