/capture

Capture web page screenshots, HTML, network requests, and console logs via Playwright and CDP.

1|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/garricn/sitecap --skill capture-garricn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: /capture
Source: https://github.com/garricn/sitecap/tree/main
Command: npx skills add https://github.com/garricn/sitecap --skill capture-garricn

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the process of capturing detailed information from web pages, reducing manual effort in collecting visual, structural, and network data for analysis or documentation.

Core Features & Use Cases

  • Comprehensive Data Capture: Obtain full-page screenshots, accessibility trees, HTML source, network requests, console logs, and storage states.
  • Use Case: Quickly archive a web application's current state, including dynamic content and network activity, for debugging, compliance, or record-keeping purposes.

Quick Start

Use the capture skill to retrieve a complete snapshot of the webpage at https://example.com and save it locally.

Frequently Asked Questions about /capture

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

FAQPage Schema
How do I capture a full-page screenshot and network requests from a dynamic website?

Capture full-page screenshots, network requests, and HTML source from dynamic websites by using Playwright and CDP protocols to automate comprehensive web page data collection efficiently.

What is web page capture for compliance and archival workflows?

Web page capture for compliance involves archiving a web application's current state, including dynamic content and network activity, to maintain accurate records for debugging or compliance purposes.

Does Playwright support capturing accessibility trees and console logs?

Playwright supports capturing accessibility trees and console logs, allowing you to obtain structural and diagnostic data alongside visual snapshots during automated web page analysis.

Can I automate web page analysis to include storage states and network data?

You can automate web page analysis to include storage states and network data, gathering extensive visual, structural, and network information efficiently for debugging workflows.

What's the best way to archive a web application's current state including dynamic content?

The best way to archive a web application's current state is to automate capture using Playwright and CDP protocols, retrieving full-page screenshots, HTML source, and network activity.