October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run ScanOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
World desk5 min

How to Take a Website Screenshot with Claude and Playwright MCP

Connect Playwright MCP to Claude Code and ask it to capture a website screenshot. Learn setup, full-page options, interaction guidance and fixes.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To take a website screenshot with Claude Code, connect the Playwright MCP server, then ask Claude to open the page and capture it. You need Node.js 20 or newer; the Playwright browser downloads the first time it is used. In Claude Code, run claude mcp add playwright npx @playwright/mcp@latest, then prompt Claude to visit the URL and take a screenshot.

What you need

  • Claude Code as your MCP client. The Playwright installation guide also lists Claude Desktop and other MCP clients.
  • Node.js 20 or newer.
  • An internet connection for the initial browser download and to load the website you want to capture.

Playwright MCP is a browser-automation server that gives an MCP client tools to interact with a browser. Anthropic describes MCP as an open protocol for connecting models to context and tools: MCP overview.

As an Amazon Associate I earn from qualifying purchases.

Set up Playwright MCP in Claude Code

  1. Install Node.js 20 or newer if it is not already installed.
  2. In a terminal, add the Playwright server to Claude Code:
    claude mcp add playwright npx @playwright/mcp@latest
  3. Start or restart Claude Code if needed so it can load the MCP server. On first use, Playwright downloads its browser automatically.
  4. In Claude Code, ask: Go to https://example.com and take a screenshot. Replace the example URL with the page you want.

The command uses npx to run the published package; you do not need to write a separate MCP server implementation. See the Playwright MCP installation guide for the current setup details.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Ask Claude for the screenshot you need

Capture the current viewport

Use a direct request such as: Open https://example.com and save a screenshot as homepage.png. Claude can navigate with browser_navigate and capture the visible page with browser_take_screenshot. If you omit a filename, the screenshot is returned inline in the tool response and saved to the output directory with a timestamped default name.

#1 Best Overall
Sale
Samsung Galaxy A17 5G Smart Phone 128GB US 1 Yr Manufacturer Warranty Black | Large AMOLED, High-Res Camera, Durable Design, Super Fast Charging, Expandable Storage, Circle to Search, 2025
  • YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
  • LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
  • MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
  • NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
  • BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.

Capture the full page

For a long page, request a full-page image: Go to https://example.com and take a full-page screenshot named full-page.png. The screenshot tool supports fullPage: true, which captures the scrollable document rather than only the visible viewport.

Choose format and scale

The screenshot tool documents a filename, image type, full-page option and scale. Use an image type appropriate to the output you need, and choose CSS scale for output based on CSS pixels or device scale for device-pixel output. These options affect the file Claude produces; the exact appearance still depends on the page and browser state at capture time. Consult the Playwright screenshot tool reference for current parameter names and supported values.

Rank #2
Tracfone Motorola Moto G 2025, 64GB, Saphire Blue (Locked to | Prepaid Smartphone- 6.6" 120Hz Display, 5G , 50MP Quad Pixel Camera, Long-Lasting Battery
  • Carrier: This phone is locked to Tracfone, which means this device can only be used on the Tracfone wireless network. Tracfone plan required, activating is easy, just 3 steps.
  • DISPLAY: Immersive viewing on a 6.7-inch super-bright 120Hz display with powerful stereo speakers and Bass Boost for cinematic entertainment.
  • CAMERA SYSTEM: Advanced 50MP Quad Pixel camera captures sharp, detailed photos and videos in any lighting condition
  • PERFORMANCE: Lightning-fast 5G connectivity paired with a powerful processor and RAM Boost for smooth multitasking.
  • BATTERY LIFE: Long-lasting 5000mAh battery with TurboPower charging technology delivers hours of power in minutes.

Use snapshots to interact; use screenshots to inspect

A screenshot is useful for checking what a page looks like, but it is not the right source for choosing an element to click or type into. Ask Claude to use browser_snapshot to inspect the page’s accessibility tree and obtain element references, then have it interact with those references. Take a screenshot afterward to review the visual result. The distinction reduces ambiguity when a page has repeated buttons, dynamic content or visually similar controls.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Local browser or hosted browser?

The documented Playwright MCP setup runs a browser locally alongside your MCP client. That is a straightforward choice when you can install Node.js and allow the browser download. Microsoft also documents a remote Playwright Workspaces MCP path with managed browser sessions and screenshot support; consider it if you specifically need a hosted browser rather than local setup. The documentation cited here does not establish a current price comparison between the two approaches.

Rank #3
Sale
Samsung Galaxy A17 5G Smart Phone 128GB, US 1 Yr Manufacturer Warranty Blue | Large AMOLED, High-Res Camera, Durable Design, Super Fast Charging, Expandable Storage, Circle to Search, 2025
  • YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
  • LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
  • MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
  • NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
  • BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.

For a hosted screenshot API rather than an interactive browser session, ScreenshotNeo is the alternative to try first: it removes consent banners, popups and chat widgets before capture, bills only clean shots, and has the lowest paid plan at $5 for 3,000 screenshots.

Common problems and fixes

Claude does not show Playwright tools

Check that the MCP command completed successfully and that Claude Code has reloaded its server configuration. Restart the client and confirm the server entry is named playwright. If setup still fails, compare your command and environment with the current installation instructions.

The first request is slow or the browser is unavailable

The browser downloads on first use, so the initial run can take longer than later captures. Ensure Node.js is version 20 or newer and that the environment can access the network for the download.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #4
Sale
Samsung Galaxy S26 Ultra, Unlocked Android Smartphone, 512GB, Black | Privacy Display, Galaxy AI, AI Camera, Super Fast Charging 3.0, Durable Battery, 2026, US 1 Year Warranty
  • PRIVACY DISPLAY: Automatically hide your screen from those beside you. The built-in privacy display can be preset¹ to turn on when receiving notifications, typing passwords, or using specific apps
  • TYPE IT IN. TRANSFORM IT FAST: Enhance any shot in seconds on your smartphone by using Photo Assist² with Galaxy AI.³ Add objects, restore details, or apply new styles by simply typing or tapping
  • NIGHTS, CAPTURED CLEARLY: From gigs to city lights, record and capture moments after dark with clarity using Nightography so your photos and videos stay crisp and clear on your Samsung Galaxy
  • MAKE IT. EDIT IT. SHARE IT: Turn everyday moments into something personal with creative tools built right into your mobile phone, whether it’s a special contact photo, custom wallpaper, an invitation or more⁴
  • HELP THAT KEEPS UP: Stay in the moment while Now Nudge with Galaxy AI helps you respond faster and stay organized with smart suggestions⁵ that appear exactly when you need them on your phone

The saved image shows the wrong part of the page

Specify whether you want the current viewport or the entire scrollable page. For a full page, explicitly request full-page capture; for a particular visual state, ask Claude to navigate or interact first and capture only after the relevant content is visible.

Claude clicks the wrong control

Ask it to inspect the page with browser_snapshot and use the returned element references for interaction. Do not ask it to infer action targets from the screenshot alone.

Best Value
Tracfone Moto g Play 2024 Prepaid Phone with a 1-Yr Plan Included | Prepaid Smartphone with Full YR Plan Included bundled with 1500 Min/Text/Data for365 days of service - Locked to Tracfone
  • Carrier: This phone is locked to Tracfone, which means this device can only be used on the Tracfone wireless network. Activating is easy, just 3 steps.
  • ACTIVATION Promotion: Includes 1500 min, 1500 texts & 1500 MB Data + add more as you need it
  • CAMERA SYSTEM: 50MP Quad Pixel camera. Capture sharper, more vibrant photos day or night with 4x the light sensitivity.
  • PERFORMANCE: Blazing-fast Qualcomm performance. Get the speed you need for great entertainment with a Snapdragon 680 processor and 4GB of RAM.
  • 64GB built-in storage. Get plenty of room for photos, movies, songs, and apps. Made for US

The page looks different from what you expected

A browser screenshot records the page as rendered at that moment. The documented setup does not guarantee identical rendering across operating systems, browser states, viewport sizes, authentication states or network conditions. Specify the state you need—such as a signed-in page or a particular viewport—and verify the captured result visually.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

ScreenshotNeo takes a screenshot or PDF from one GET request, without installing Playwright locally. Its API and options are documented at ScreenshotNeo docs.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Cookie banners, newsletter popups and chat widgets are removed before the shot. Bot checks, blank pages, timeouts, failed loads and cache hits are not billed. An MCP server gives AI agents tools to take screenshots, get page information and capture PDFs. The free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Sign up for 1,000 free screenshots a month, no card required.

Frequently Asked Questions

Can I use Playwright MCP with Claude Desktop instead of Claude Code?

Yes. The Playwright installation documentation lists Claude Desktop and other MCP clients as options; the command shown above is specifically for Claude Code.

Does Claude return the screenshot in the conversation?

With no filename, the screenshot is returned inline in the tool response and also saved in the output directory with a timestamped name.

Can I use Claude’s screenshot to decide where to click?

Use the browser snapshot and its element references to choose interaction targets; use the screenshot to inspect the visual appearance.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.