capturing-page-artifacts

Name: Capturing Page Artifacts
Author: tmc

// Captures screenshots, PDFs, and visual artifacts from pages driven by cdp scripts or the interactive CLI. Use when the task involves screenshot workflows, device emulation captures, PDF export, or embedding visual artifacts into recorded sessions.

Ejecutar en Manus

$ git log --oneline --stat

stars:3

forks:1

updated:24 de abril de 2026, 05:51

Explorador de archivos

2 archivos

SKILL.md

readonly

name	capturing-page-artifacts
description	Captures screenshots, PDFs, and visual artifacts from pages driven by cdp scripts or the interactive CLI. Use when the task involves screenshot workflows, device emulation captures, PDF export, or embedding visual artifacts into recorded sessions.

Capturing Page Artifacts

Use this skill when the output is visual: screenshots, PDFs, or screenshot-backed test evidence.

Quick start

screenshot captures PNG artifacts
pdf exports print-style PDFs
HAR capture workflows can embed screenshots and DOM snapshots as annotations

Use this skill for

choosing filenames and output directories
sequencing screenshots across a workflow
capturing mobile, tablet, dark-mode, or full-page variants
combining visual artifacts with HAR tagging

Operates the cdp CLI for browser navigation, element interaction, JavaScript evaluation, browser attachment, and interactive REPL workflows. Use when the task involves driving Chrome or Chromium with the repo's cdp command, exploring available commands, or choosing between interactive and scripted execution.

2026-04-243

emulating-device.md

from "tmc/cdp"

Applies device and network emulation through the cdp MCP server. Use when the task involves viewport changes, mobile presets, throttling, offline mode, geolocation, or request header overrides.

2026-04-233

handling-dialogs.md

from "tmc/cdp"

Handles JavaScript dialogs through the cdp MCP server. Use when the task involves alert, confirm, prompt, or beforeunload flows that block page automation until the dialog is answered.

2026-04-233

inspecting-dom-changes.md

from "tmc/cdp"

Captures and compares DOM snapshots through the cdp MCP server. Use when the task involves proving what changed after an interaction, navigation, or script execution.

2026-04-233

package.json