Screenshots

Capture browser pages or DOM targets as PNG images.

5|Updated May 6, 2026
One-click install
npx skills add https://github.com/binary16labs/prime-silo --skill screenshots-binary16labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Screenshots
Source: https://github.com/binary16labs/prime-silo/tree/main/app/L0/_all/mod/_core/skillset/ext/skills/screenshots
Command: npx skills add https://github.com/binary16labs/prime-silo --skill screenshots-binary16labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill solves the problem of quickly recording what a user sees in the browser so you can share, document, or debug UI state without manually taking ad-hoc screenshots.

Core Features & Use Cases

  • Full-page or element screenshots: Capture a complete page (body/documentElement) or a specific DOM target via a CSS selector or DOM element.
  • Direct downloads: Generate a PNG (or other supported image type) and download it as a file for reports, issue tickets, and audits.
  • Inline image output: Produce base64-encoded screenshots when you need to embed image data inside other JavaScript or generated artifacts.
  • Use Case: Capture a failing UI panel during troubleshooting by targeting a specific element (e.g., a data table container) and downloading panel.png for attachment.

Quick Start

Use the Screenshots skill to download a full-page screenshot as page-content.png.

Frequently Asked Questions about Screenshots

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

FAQPage Schema
How do I capture a specific DOM element as a PNG screenshot?

To capture a specific DOM element as a PNG screenshot, you target it using a CSS selector or DOM element, render the resolved target with html2canvas, and download the resulting image file for visual documentation.

Can I get a base64 image instead of downloading a file when taking a browser screenshot?

Yes, you can get a base64 image instead of a file download when taking a browser screenshot, returning inline base64-encoded image data with filename metadata to embed directly inside other JavaScript or generated artifacts.

What is the best way to automate full-page screenshots for UI debugging?

The best way to automate full-page screenshots for UI debugging is to capture the complete page (body or documentElement) using html2canvas, generating a downloadable PNG blob that preserves the page context and selectors.

Does this screenshot tool require any external dependencies to render page visuals?

This screenshot tool requires lazy loading the html2canvas dependency to render page visuals, requiring no other external dependencies to capture the current browser page or specified DOM target as a PNG image.

When should I use a targeted DOM selector screenshot instead of a full-page capture?

You should use a targeted DOM selector screenshot instead of a full-page capture when you need to isolate a failing UI panel during troubleshooting, such as capturing a data table container for an issue ticket attachment.

Can I configure html2canvas options when capturing a page screenshot for an audit trail?

Yes, you can configure html2canvas options when capturing a page screenshot for an audit trail, rendering the resolved target with configurable settings to produce either a downloadable blob or base64 image data.