Screenshots

Capture web pages or DOM elements as PNG images via html2canvas.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/maximoseo/space-agent --skill screenshots-maximoseo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Screenshots
Source: https://github.com/maximoseo/space-agent/tree/main/app/L0/_all/mod/_core/skillset/ext/skills/screenshots
Command: npx skills add https://github.com/maximoseo/space-agent --skill screenshots-maximoseo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture a visual representation of a web page or DOM element as a PNG image. This is useful for QA, design reviews, and documentation where pixel-perfect captures are required.

Core Features & Use Cases

  • Lazy-loads the html2canvas helper and exposes takeScreenshot, screenshotBase64, and screenshotDownload for flexible outputs
  • Supports full-page or targeted captures by specifying a DOM selector or element
  • Provides base64 payloads for embedding in docs or messages, and direct downloads for artifacts

Quick Start

Import the screenshots helper and invoke takeScreenshot to capture a PNG of the page or a DOM target.

Frequently Asked Questions about Screenshots

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I capture a web page as a PNG image using html2canvas?

You can capture a web page as a PNG image by invoking the takeScreenshot function, which dynamically loads the html2canvas browser-safe helper to render the target DOM element or full page into a visual snapshot.

Can I take a screenshot of a specific DOM element instead of the full page?

Yes, you can capture a specific DOM element by specifying its selector as the target parameter in the takeScreenshot function, enabling targeted panel captures instead of full-page snapshots.

What's the best way to export a browser screenshot for QA documentation?

The best way to export a browser screenshot for QA documentation is using the screenshotDownload function to save a direct PNG artifact, or screenshotBase64 to generate an embeddable payload for messages and reports.

Does this screenshot tool support configurable image quality and output formats?

Yes, the screenshot helper supports configurable type and quality settings, allowing you to adjust the output image properties when generating base64 payloads or downloading PNG files directly from the browser.

Why use a base64 screenshot payload instead of a direct PNG download?

Using the screenshotBase64 function generates an encoded payload instead of a direct PNG download, which is ideal when you need to embed the captured web page image directly into documentation files or send it within message payloads.

Do I need to install html2canvas separately to capture web page screenshots?

No, you do not need to install html2canvas separately because the screenshot helper dynamically lazy-loads the required library on demand, exposing the capture functions without manual dependency management.