capture-dashboard

Capture authenticated web dashboards as PNG screenshots and HTML files.

1|1|Updated Jun 11, 2026
One-click install
npx skills add https://github.com/valtterimelkko/agent-workflow-skills --skill capture-dashboard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: capture-dashboard
Source: https://github.com/valtterimelkko/agent-workflow-skills/tree/main/skills/capture-dashboard
Command: npx skills add https://github.com/valtterimelkko/agent-workflow-skills --skill capture-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill solves the challenge of capturing authenticated web dashboards for archival, documentation, or reporting purposes, where standard web scrapers fail due to session-based authentication.

Core Features & Use Cases

  • Authenticated Capture: Uses exported browser cookies to bypass login screens and access protected dashboard content.
  • Structured Crawling: Automatically traverses dashboard links up to a specified depth while respecting safety filters to avoid destructive actions like logging out or deleting data.
  • Multi-Format Output: Generates both full-page PNG screenshots and raw HTML files for comprehensive documentation.

Quick Start

Use the capture-dashboard skill to capture screenshots and HTML from the dashboard at https://dashboard.example.com using the cookies stored in cookies.json.

Frequently Asked Questions about capture-dashboard

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

FAQPage Schema
How do I take screenshots of authenticated web dashboards behind a login screen?

To take screenshots of authenticated web dashboards, you use exported browser cookies to bypass login screens and access protected content. This automated browser navigation renders full-page PNG snapshots of dashboards requiring active session authentication.

How does cookie-based authentication work for scraping protected dashboard pages?

Cookie-based authentication for scraping protected dashboards works by injecting exported browser cookies into automated browser sessions. This allows the scraper to access same-origin dashboard links directly, bypassing the need to automate form-based login procedures.

Do I need Node.js and Puppeteer to automate capturing screenshots of web interfaces?

Yes, you need Node.js and Puppeteer to automate capturing screenshots of web interfaces. Puppeteer executes the browser-based navigation and rendering tasks required to access protected dashboards and generate the final snapshot files.

Can I automatically crawl and archive dashboard links without triggering destructive actions?

You can automatically crawl and archive dashboard links up to a specified depth while respecting safety filters. These filters prevent the crawler from triggering destructive actions like logging out or deleting data during the snapshotting process.

What is the best way to document protected web interfaces for archival purposes?

The best way to document protected web interfaces for archival is to capture multi-format outputs, generating both full-page PNG screenshots and raw HTML files. This provides a comprehensive, structured snapshot of the dashboard's state and content.