Web Screenshot

Capture full-page or viewport screenshots of websites using headless Chrome/Chromium.

Quick Start

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/screenshot.png

Usage

Basic Screenshot

/job/.pi/skills/web-screenshot/screenshot.js "<url>" <output_file>

Full Page Screenshot

/job/.pi/skills/web-screenshot/screenshot.js "<url>" <output_file> --full

With Custom Viewport

/job/.pi/skills/web-screenshot/screenshot.js "<url>" <output_file> --width 1920 --height 1080

With Delay (for dynamic content)

/job/.pi/skills/web-screenshot/screenshot.js "<url>" <output_file> --delay 3000

Mobile Viewport

/job/.pi/skills/web-screenshot/screenshot.js "<url>" <output_file> --mobile

Options

Option Default Description

--full

false Capture full page (scroll height)

--width

1280 Viewport width in pixels

--height

800 Viewport height in pixels

--delay

0 Wait time before capture (ms)

--mobile

false Use mobile viewport (375x667)

--quality

80 JPEG quality (1-100)

--format

png Output format: png, jpeg, webp

--wait-for

null CSS selector to wait for

--dark-mode

false Enable dark mode emulation

Output Formats

• PNG: Lossless, larger files (default)

• JPEG: Compressed, smaller files, configurable quality

• WebP: Modern format, good compression

Examples

Basic screenshot

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/example.png

Full page capture

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com/page" /tmp/full.png --full

Desktop viewport

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/desktop.png --width 1920 --height 1080

Mobile view

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/mobile.png --mobile

Wait for dynamic content

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/delayed.png --delay 5000

Wait for specific element

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/wait.png --wait-for ".loaded-content"

High quality JPEG

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/thumb.jpg --format jpeg --quality 90

Dark mode capture

/job/.pi/skills/web-screenshot/screenshot.js "https://example.com" /tmp/dark.png --dark-mode

Use Cases

• Website thumbnail generation

• Visual regression testing

• Archiving web page appearances

• Creating social media preview images

• Monitoring website changes

• Capturing error states or dynamic content

When to Use

• User requests website screenshot

• Need visual reference for web page

• Creating thumbnails for link previews

• Documenting website state at a point in time

• Testing responsive layouts