Skip to content
Tools / Web Screenshot
Web Screenshot icon

Web Screenshot

Screenshot any page at any viewport

Web Screenshot captures pixel-perfect screenshots of any URL with full JavaScript rendering. Take a single screenshot at any viewport size, or capture the same page across desktop, tablet, and mobile in a single call for responsive design review.

Unlike browser-based screenshots that miss lazy-loaded content or cut off at the viewport, this tool renders the page completely before capturing — including JS-heavy apps, SPAs, and content that loads on scroll. It supports full-page captures, retina resolution, and configurable wait times for slow-loading pages.

What you can do

  • capture — screenshot a single URL at desktop, tablet, mobile, or a custom viewport size; full-page and retina options available
  • capture_responsive — screenshot the same URL at multiple viewports in one call, returning all sizes together

Who it's for

Designers doing visual QA across breakpoints. Developers checking how a deploy looks before sharing with stakeholders. Marketers capturing competitor landing pages for competitive research. Teams building visual regression testing into their workflows. Anyone who needs a rendered image of a web page without opening a browser.

How to use it

  1. For a single screenshot, use capture with the URL and viewport preset (desktop, tablet, or mobile)
  2. For responsive review across all breakpoints, use capture_responsive to get desktop, tablet, and mobile in one request
  3. Add full_page: true to capture the entire scrolling page, not just the visible area
  4. Set device_scale_factor: 2 for retina-quality output; use jpeg for smaller files, png for sharp text

Getting started

All skills are ready to use without any setup. Pass a fully qualified URL (including https://) and choose a viewport.

Capture Screenshot

Take a screenshot of a single URL at a specified viewport size. Supports desktop, tablet, mobile, and custom viewport dimensions with configurable image format and retina scaling.

Returns: Screenshot image path (auto-uploaded to S3), viewport dimensions, URL, and viewport preset used
Capture Responsive Screenshots

Screenshot the same URL at multiple viewport sizes in one call. Efficiently reuses a single browser session across all viewports. Returns an array of screenshots for desktop, tablet, and mobile.

Returns: Array of screenshot image paths (auto-uploaded to S3) with viewport dimensions, URL, and total count
Loading reviews...

Loading activity...

v0.022026-03-22
  • Added subtitle, expanded description, and agent instructions
v0.012026-03-20
  • Initial release

Connect ToolRouter to use Web Screenshot in Claude, ChatGPT, Copilot, and more — no code required.

Connect ToolRouter

What you can do with Web Screenshot

Capture Full-Page Screenshots

Take full-page screenshots of any website, capturing everything from the header to the footer in one image.

  1. Ask Claude: "Take a full-page screenshot of example.com using web-screenshot"
  2. Claude captures the entire page from top to bottom using the capture skill
  3. Review the screenshot and ask for captures of additional pages
  4. Request screenshots at specific viewport widths for responsive testing

Monitor Visual Changes

Capture periodic screenshots to detect and track visual changes on websites over time.

  1. Ask Claude: "Capture a screenshot of our homepage for our visual baseline"
  2. After changes are deployed, ask: "Capture a new screenshot and compare it with the baseline"
  3. Claude identifies visual differences between the two captures
  4. Ask Claude to flag any unintended changes that need investigation

Create Portfolio Screenshots

Capture professional screenshots of websites for design portfolios, case studies, and client presentations.

  1. Ask Claude: "Capture screenshots of example.com at desktop, tablet, and mobile sizes for my portfolio"
  2. Claude uses capture_responsive to produce screenshots at each viewport size
  3. Ask Claude to capture the full page and specific sections for different portfolio views
  4. Request additional pages captured for a comprehensive case study
Browse all 6 Web Screenshotguides →

Related Tools

Related Categories

Frequently Asked Questions

What is the difference between a single capture and a responsive capture?

Use `capture` for one viewport, and `capture_responsive` when you want desktop, tablet, and mobile screenshots from the same URL in one run.

Can I capture the full page, not just the fold?

Yes. Set `full_page` to true when you want the entire scrolling page instead of only the visible viewport.

How do I get a sharper screenshot for design review?

Set `device_scale_factor` to 2 for retina output, and keep text-heavy shots in `png` if you want the sharpest result.

What if a page needs extra time to render?

Increase `wait_for` for heavy JavaScript pages so the screenshot is taken after the UI finishes loading.