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.