Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
To capture a screenshot with MCP, configure the official Playwright MCP server in an MCP client, open the page, then call browser_take_screenshot. With no extra options it captures the current viewport; use fullPage: true for the scrollable page or target to capture one element. The setup requires Node.js 20 or newer and an MCP client.
What you need before taking an MCP screenshot
- Node.js 20 or newer, as specified by the Playwright MCP getting-started guide.
- An MCP client that can launch or connect to an MCP server.
- The official Playwright MCP server, launched with
npx @playwright/mcp@latest.
Playwright MCP drives a browser on your behalf. Its tools let an agent navigate and interact with pages, inspect accessibility information, and capture visual output. The setup guide documents headed operation by default, a --headless option, support for Chromium-family browsers, Firefox, WebKit, and Edge, and persistent sessions. Consult the Playwright MCP getting-started documentation for the current installation and configuration details.
Configure the Playwright MCP server
Add a server entry to your MCP client’s configuration using the documented command npx @playwright/mcp@latest. The exact configuration file and JSON shape depend on the client, so use that client’s instructions for where to place the entry and how to restart or reload its MCP servers. The essential point is that the client must launch the Playwright MCP package as a server.
Recommended Free Tools
For example, the server command itself is:
npx @playwright/mcp@latestThis is a command to put in the client’s server configuration; it is not by itself a complete configuration file. Once the server is available, ask the client to open the page you want to capture. For separately managed or headed environments, Playwright MCP also documents HTTP transport and the ability to connect to an existing Chromium browser through a CDP endpoint. Those deployment choices are optional; a basic local setup can use the standard client configuration.
#1 Best Overall
- [Enhanced 4K-1080P Video Capture Experience] Capture the Magic: Elevate your video recordings to new heights with our upgraded anti-static 1080P Video Capture Card. Immerse yourself in stunning visuals, supporting HDMI input at 4K 60FPS and USB output for capturing in 1080P, complete with rich stereo sound. Enjoy crystal-clear video recordings, dynamic gaming live streams, and professional conference broadcasts. Note: HDMI resolution: Max input can be 3840×2160@30Hz / Video output resolution: Max output can be 1920×1080@30Hz
- [Seamless Real-Time Preview] Stay in the Moment: Our advanced ultra-low latency technology ensures seamless real-time transmission of video streams. Experience instant, lag-free previews, allowing you to capture every detail precisely. Effortlessly record video directly to your hard disk, all without compromising on quality or introducing any delays.
- [Versatility and Broad Compatibility] Your Creative Hub: Connect your DSLR, camcorder, or action camera to a wide range of operating systems, including Windows, MacOS, and Linux. Unlock a world of possibilities with real-time streaming to popular platforms like Twitch, Youtube, OBS, Zoom, Potplayer, and VLC, giving you the tools to share your content effortlessly.
- [Effortless Plug and Play] Simplicity Redefined: Say goodbye to complex installations. Our plug-and-play design eliminates the need for drivers or external power supplies. Seamlessly integrate high-definition acquisition into various scenarios, whether it's educational recordings, immersive gaming, precise medical imaging, captivating live streams, or professional broadcasting.
- [Seize Every Detail with Precision] Unleash your creativity and attention to detail with our video capture card. Capture every nuance, every color, and every moment with precision, thanks to the enhanced capabilities of our technology. Whether you're a content creator, a gamer, or a professional, our capture card empowers you to seize the finest elements and bring them to life in your recordings and live streams.
Capture a viewport, full page, or one element
- Ask your MCP client to navigate to the target URL and wait until the page is in the state you want to document.
- For a specific control or region, call
browser_snapshotfirst. Inspect its accessibility tree and use a stable element reference when targeting an element. - Call
browser_take_screenshotwith the capture options you need. Notargetmeans the current viewport;fullPage: truecaptures the full scrollable page; atargetselects a specific element. - Set
filenameif the image should be saved rather than returned inline. Choose an outputtypeand scale if needed.
The options described in the official screenshot tool reference include:
| Option | What it does | When to use it |
|---|---|---|
target |
Selects an element to capture, using an element reference or selector. | Capture one chart, dialog, card, control, or other region instead of the whole viewport. |
fullPage: true |
Captures the complete scrollable page. | Document a long page beyond the current screen. |
filename |
Specifies a file name for saving the image. | Save an artifact rather than relying on the inline image in the tool response. |
type |
Chooses png, jpeg, or webp. |
Make the image format explicit for the next tool or workflow. |
scale: "device" |
Requests device-pixel output rather than the default CSS-pixel scale. | Use when a higher-resolution device-pixel image is needed. |
Do not combine target and fullPage. They describe different capture scopes: one targets a particular element, while the other captures the page’s full scrollable surface. Choose the one that matches the artifact you need.
In an MCP tool call, the options are arguments to browser_take_screenshot; they are not shell flags. A typical request can be expressed to the client as: “Use browser_take_screenshot with fullPage: true and save it as page.png.” For an element, ask for a screenshot with the relevant snapshot reference as target and a filename. Exact argument presentation is client-dependent, so follow the tool schema displayed by your MCP client.
Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Scan for outdated or missing drivers - takes under a minute3Clear out junk files and repair common Windows errorsUse snapshots to find elements; screenshots to inspect pixels
browser_snapshot returns structured accessibility information such as roles, text, and element references. It is the useful starting point for normal interaction: inspect the page’s structure, identify the relevant control or region, and use the reference with the interaction or screenshot tool.
Rank #2
- 【1080P HD High Quality】Capture resolution up to 1080p for video source and it is ideal for all HDMI devices such as PS4, PS3, Xbox One, Xbox 360, Wii U, DVDs, DSLR, Camera, Security Camera and set top box. Note: Video input supports 4K30/60Hz and 1080p120/144Hz. Does not support 4K120Hz/144Hz. Output supports up to 2K30Hz.
- 【Plug and Play】No driver or external power supply required, true PnP. Once plugged in, the device is identified automatically as a webcam. Detect input and adjust output automatically. Won't occupy CPU, optional audio capture. No freeze with correct setting.
- 【Compatible with Multiple Systems】suitable for Windows and Mac OS. High speed USB 3.0 technology and superior low latency technology makes it easier for you to transmit live streaming to Twitch, Youtube, Facebook, Twitter, OBS, Potplayer and VLC.
- 【HDMI LOOP-OUT】Based on the high-speed USB 3.0 technology, it can capture one single channel HD HDMI video signal. There is no delay when you are playing game live.
- 【Support Mic-in for Commentary】Rybozen capture card has microphone input and you can use it to add external commentary when playing a game. Please note: it only accepts 3.5mm TRS standard microphone headset.
A screenshot answers a different question. Use it to verify visual layout, inspect canvas or chart content, or preserve visual evidence for a bug report. The Playwright MCP reference distinguishes snapshots as the interaction surface and screenshots as something to look at. If your goal is to locate a button, start with the snapshot rather than trying to infer its identity from an image. If the issue is that the button is misaligned or a chart is visually wrong, capture a screenshot.
Output, resolution, and capture scope
Viewport capture
With no target or fullPage option, the tool captures the browser’s current viewport. This is usually the right choice for a visible state, a responsive-layout check, or a page section already positioned on screen. The result reflects the current browser state, so navigate, scroll, and interact before capture as needed.
Full-page capture
Set fullPage: true to capture the full scrollable page rather than only what is visible. This is useful for a long article or page review. A full-page image can be substantially taller than a viewport image, so consider whether you need one long artifact or several focused captures.
Element capture
Use target to capture one element. When working from a page you do not control, take a snapshot and select a reference for the intended region. A reference grounds the selection in the page’s accessibility structure; a selector is an alternative where an appropriate selector is available. Do not ask for a full-page capture at the same time.
Rank #3
- 【1080P 60FPS Video Capture Card】 This HDMI game capture card is based on USB3.0 high speed transmission port, input resolution up to 4K@30HZ, output resolution up to 2K@30Hz or 1920×1080@60Hz. Type c and USB interface can meet most of the devices in daily life. Easily meet the online capture, real-time recording, online meetings, live gaming and other functions, so you have a better visual enjoyment. Note: For capture use only; requires capture software to function and is not intended for direct screen casting to a monitor or TV
- 【Ultra Low Latency Screen Sharing】 HDMI capture card is made of good quality aluminum alloy with strong heat dissipation, allowing you to enjoy ultra low latency while live gaming or video recording or live streaming, avoiding blue screens and lag. This HDMI to USBC capture card supports easy recording of good quality audio or HD video and transferring it to your computer or streaming platform, allowing you to record 60 fps HD video directly on your hard drive and real-time preview
- 【Plug and Play, Easy to Carry】 This HDMI 1080P video capture card does not require any additional drivers or external power supply, just plug and play for fast capture. The capture card is small and lightweight, so you can put it in your bag for emergencies, making it very portable for outdoor live streaming. It's also a great way to share content in game recording, video conference, video recorder and online teaching
- 【Wide Compatibility USB Capture Card】 Easily streams to Facebook, Youtube or Twitch. With the connection, this HDMI to USB C/3.0 video capture devices can be working on several Operating Systems and various software: Windows 7/ 8/ 10, Mac OS or above, Linux, Android, Laptop, Xbox One, PS3/PS4/PS5, Camera, DVDs, Set Top Box, Webcame, DSLR, Switch/Switch 2, TV BOX, HDTV, Potplayer/VLC, ZOOM, OBS Studio etc.
- 【Package Content & Note】 1x HD Audio Capture Card , 1x USB 3.0 to USB C Adapter (A-side 3.0, B-side 2.0), 1x user manual. Please note that you need to restart the OBS Studio software after the audio setup is complete, otherwise it will result in no sound output. When using an adapter, if the device is recognized as USB 2.0, try using the other side with the USB-C port. Simply flip the capture card and reconnect it to be recognized as USB 3.0
Format and scale
The tool supports PNG, JPEG, and WebP. Select the format that fits the next step in your workflow; the reference does not establish one universally best format. Use scale: "device" when you specifically want device-pixel output. Otherwise, the capture uses the normal scale behavior described by the tool.
Where the screenshot goes
Provide filename when you want Playwright MCP to save the screenshot as a file. If you omit it, the image is returned inline in the tool response instead. This distinction matters for automation: a downstream process that expects a file should request a filename, while an agent that only needs to inspect the image can work with the inline result.
The tool reference establishes that a filename controls saving, but the exact destination handling can depend on the MCP client and its environment. Check the response or client’s file-access behavior rather than assuming the image is saved to a particular machine or directory. In a remote or separately managed server setup, verify which environment owns the resulting file.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Headless, remote, and browser-session choices
The getting-started documentation describes headed operation by default and supports a --headless option. Headed mode is useful when you need to see the browser while diagnosing navigation or layout; headless mode avoids displaying a browser window. Playwright MCP documents Chromium-family browsers, Firefox, WebKit, and Edge, but exact availability can depend on the installed browser and deployment environment.
Rank #4
- 【4K HDMI Input, 2K@30Hz Recording】Powered by a true USB 3.0 high-speed interface, the capture card supports up to 4K@30Hz HDMI input and records at 2K@30Hz or 1080P@60Hz. Perfect for gamers, streamers, and professionals who need crisp, smooth video for live streaming, gameplay recording, or online meetings.
- 【Ultra Low Latency Screen Sharing】Built with a premium aluminum alloy shell and advanced chipset for stable heat dissipation, ensuring ultra-low latency transmission. Capture high-quality video and dual-channel audio in real time—no lag, no frame drop—ideal for Twitch, YouTube, or OBS streaming.
- 【Easy Plug and Play, Compact & Portable】No driver or external power required—just plug and play via USB 3.0 or Type-C connection to your Windows or macOS computer. Lightweight and compact design makes it easy to carry for outdoor streaming, live shows, or mobile recording setups.
- 【Wide Compatibility & Multi-Device Support】Compatible with Windows 7 8 10 11, macOS, Linux,Android and supports most popular software such as OBS, Zoom, VLC, Twitch Studio, and more. Works seamlessly with PS4, PS5, Xbox, Switch, DSLR cameras, TV boxes, and other HDMI-output devices for streaming to YouTube, Twitch, etc.
- 【What You Get】Includes: HDMI Capture Card, USB 3.0 to USB-C Adapter, User Manual. Tips: Make sure your tablet’s OTG function is enabled before connecting. Test your HDMI device with a monitor first to confirm video and audio output, then connect to the Video Capture Card for recording.
If the browser is managed separately, the server can use HTTP transport or connect to an existing Chromium browser over a CDP endpoint. Persistent sessions are also documented. These options are for deployments where browser lifecycle or session management matters; a basic screenshot does not require them. Follow the official Playwright MCP documentation for the current connection configuration.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Security note for unsafe code execution
The Playwright MCP getting-started guide warns that browser_run_code_unsafe executes arbitrary JavaScript in the Playwright server process and is equivalent to remote code execution. A screenshot workflow does not require enabling it. Enable that tool only for trusted MCP clients and only when you understand the code being allowed to run.
Troubleshooting screenshot problems
The Playwright tools do not appear in the client
- Confirm Node.js is version 20 or newer.
- Check that the MCP server entry launches
npx @playwright/mcp@latestand that the client has reloaded its server configuration. - Review the client and server startup output for a launch error before attempting a capture.
The saved image is missing
Check whether the call included filename. Without it, the screenshot is returned inline rather than saved as a named file. If a filename was supplied, verify the MCP client’s file handling and which machine or server environment receives the output; the tool reference does not prescribe a universal save directory.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Repair Windows errors before they cause bigger problemsFix Now →The screenshot contains only the visible section
The default is the current viewport. Set fullPage: true for the full scrollable page. If you actually want a single region, use target instead.
Best Value
- High-Quality Video Capture, 4K HDMI Capture Card Ready: Capture smooth and vibrant video with this 4K HDMI capture card, engineered for gamers and content creators who demand crisp 1080P 60FPS video quality. Whether you're streaming to Twitch or recording gameplay for YouTube, your footage will look professional and detailed
- Plug-and-Play USB Capture Card, No Drivers Needed: Designed as a USB capture card for streaming, this device works instantly out of the box, just plug into your PC or laptop and start capturing. Fully compatible with popular software like OBS Studio, Streamlabs, and XSplit, making setup quick and stress-free for beginners and pros alike
- Universal Compatibility PS5, Xbox, Switch & More: Stream or record gameplay from virtually any HDMI-enabled device including Nintendo Switch, PS5, Xbox Series X, DSLR cameras, and PCs. The video capture card for gaming supports seamless passthrough so you can play without lag while your audience watches every frame in real time
- Low-Latency Performance for Smooth Streaming: This capture card for streaming minimizes delay between gameplay and broadcast, so you get reliable, low-latency capture that works well for competitive gaming, live broadcasts, and podcast sessions. Suitable for those building their channel with high-quality, engaging content
- Compact & Portable Design for Content Creators: Lightweight and portable, this USB 3.0 capture card works well for creators who travel or switch gaming setups often. Throw it in your bag and stream or record wherever you are, at home, events, LAN parties, streaming or studio sessions
The wrong element was captured
Call browser_snapshot to inspect the accessibility tree and obtain a stable reference, then use that reference as the target. This is generally more grounded than guessing from the screenshot alone. Make sure the page is in the intended state before taking the capture.
The tool rejects the capture options
Check that you have not combined target and fullPage, and confirm the option names and values against the schema shown by your MCP client. In particular, the documented choices are png, jpeg, and webp for type, and "device" for device scale.
The page or browser is not available in a remote setup
Confirm that the server is connected to the intended browser and that the selected transport or CDP endpoint matches your deployment. A separately managed browser can be useful, but it adds a connection boundary that a local default setup does not have.
The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Or skip the browser setup
If you need a screenshot API rather than an MCP-controlled browser session, ScreenshotNeo returns a screenshot or PDF from one GET request. Its API removes cookie and consent banners, newsletter popups, and chat widgets before capture; bot checks, blank pages, failed loads, timeouts, and cache hits are not billed. It also provides an MCP server with take_screenshot, get_page_info, and capture_pdf tools for AI agents.
For example, this cURL request saves a WebP capture of the requested page. Replace YOUR_API_KEY with your key and change the target URL as needed. See the ScreenshotNeo API documentation for request options.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpThe free plan includes 1,000 screenshots a month with no card required; paid plans start at $5 for 3,000 shots. Sign up for ScreenshotNeo’s free plan.
Frequently Asked Questions
Can an MCP screenshot be returned without creating a file?
Yes. Omit filename; browser_take_screenshot returns the image inline in the tool response.
Can I capture an element and the entire page in the same call?
No. The documented options say not to combine target and fullPage.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
