Screenshots

To capture a specific DOM element as a PNG, you target the element using a CSS selector and render it via html2canvas. This isolates exact UI components for documentation rather than capturing the entire page.

Yes, you can return a base64 image string instead of downloading a file. This enables inline use of the captured DOM screenshot in other UI components or HTTP requests without saving a physical PNG asset.

Yes, you need a running browser environment to capture page screenshots with html2canvas. The Skill resolves DOM targets and generates visual evidence of the UI state by relying on active browser rendering.

The best way to document UI bugs using screenshots is capturing the exact misaligned panel as a PNG file. This provides visual evidence of the element-level UI state for bug reports shared with teammates.

You can configure html2canvas options for background and CORS issues by passing custom settings during capture. This resolves rendering details and cross-origin image problems when generating DOM screenshots.