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