A browser you share with pi

⌘B opens a browser pane next to the chat, and pi gets tools to drive it: it opens your dev server, clicks, types, reads the page and takes screenshots while you watch.

⌘BShow or hide the browser

Pigna surfing a wave on a browser window

check the hero on mobile

check the hero on my dev server

browser_open localhost:4321

browser_click “Order now”

browser_screenshot

Coffee, but…make this bigger 🤌

Bigger it is. Checking the phone layout…

browser_set_viewport iPhone 15

☕ Acme Coffee+

‹ ›● localhost:4321

DimensionsResponsiveiPhone 15 · 393×852Laptop

☕

Coffee, but faster.

Order now

make this bigger 🤌

CancelComment ⌘↩

you

pi opens a dev server in the shared browser, clicks a button, takes a screenshot, picks up your comment on an element and checks the phone layout.

What you get

pi drives, you watch
pi gets browser_* tools for the pane: open a page, click, type, read it, screenshot it. Local URLs open without asking; other sites ask once per session.
Comment on elements
Point at any element and leave a note. pi gets your comments with a crop of each element, so “make this bigger” finally means something.
Responsive in one click
The Dimensions bar has phone and laptop presets that change the User-Agent too. pi can set a viewport or open device-sized windows on its own.
Preview any file
PDF, images, Word .docx, Markdown, HTML, code, JSON, CSV, audio and video open as a tab, and reload when the file changes on disk.
Rendered or raw
Markdown, HTML, JSON and CSV switch between Rendered and Raw. Anything else gets an info card with Reveal in Finder.