The gameplay recorder now produces full-screen stills alongside its videos, from the same scripted run. It began as a way to [record a repeatable gameplay demonstration](/posts/gameplay-recording-and-icons#script-the-demonstration-not-the-result), then gained element crops for documentation and marketing. Those crops could show a board or a toast, but they could not show the whole phone screen needed for a store image.

## One frame for the whole recorder

The old 390-pixel-wide recording frame hid the toolbar wordmark, which appears only above 400 pixels. All recorder modes now use a 412×915 Pixel 9 Pro frame, while narrow-viewport checks keep their own sizes. That separates the frame chosen for marketing footage from the smaller frames used to test responsive layouts.

## A full-screen capture without a second run

The new capture points take the whole viewport at four-times pixel density during the same pass that records the video, and they work in both themes. Adding them exposed a browser-metrics trap: clearing a temporary screenshot override also removed Playwright's own device scale, leaving the rest of the recording at density 1. The capture helper now restores the context's viewport and scale after each still, and browser tests check that both the frame and concurrent video survive.

```text
VIDEO:       412×914
SCREEN STILL: 1648×3660
```

The recorder now produces either a close crop or the full player view from one controlled interaction, depending on what an asset needs. The stills provide the source frames; placing them into the final phone mockup remains part of the marketing workflow.