skills.rest
orthogonal-sh
orthogonal-shOFFICIAL
Explore all skills by this author →
WebsiteGitHub

screenshot-website

Capture website screenshots via Notte browser automation with configurable viewports.

12|4|Updated Feb 12, 2026
Search Tags:#visual testing#website#headless#screenshot#browser-automation#notte#automation workflows
One-click install
npx skills add https://github.com/orthogonal-sh/skills --skill screenshot-website
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: screenshot-website
Source: https://github.com/orthogonal-sh/skills/tree/main/skills/orthogonal-screenshot-website
Command: npx skills add https://github.com/orthogonal-sh/skills --skill screenshot-website

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture accurate visual representations of web pages for QA, design reviews, and documentation, eliminating manual screenshot tasks.

Core Features & Use Cases

  • Headless screenshots with configurable viewport sizes and an option for full-page captures.
  • Deterministic, repeatable results suitable for automated testing and design handoffs.
  • Use Case: generate a visual gallery of key pages across devices for a product rollout.

Quick Start

Tell your agent to screenshot a URL and save the image to your desired location.

Frequently Asked Questions about screenshot-website

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

FAQPage Schema
How do I capture a full-page screenshot of a website for QA testing?▼

Automating website screenshots with this Skill handles headless browser navigation and viewport control to save visual captures of a URL to a specified path. It applies to QA testing, design handoffs, and documentation workflows requiring consistent webpage visuals.

Can I configure viewport sizes when taking headless screenshots?▼

Yes, you can configure viewport sizes when taking headless screenshots to simulate different devices. This Skill ensures deterministic, repeatable results suitable for generating a visual gallery of key pages across devices for a product rollout.

What is the best way to automate website screenshots for design handoffs?▼

The best way to automate website screenshots for design handoffs is using this Skill, which leverages Notte browser automation to provide deterministic visual representations of web pages, eliminating manual capture tasks and ensuring consistency across documentation.

Does browser automation work for capturing visuals of pages requiring specific viewport control?▼

Yes, browser automation works for capturing visuals requiring viewport control by running headless sessions that navigate to the target URL. It applies the configured dimensions before saving the output image, ensuring accurate webpage captures for your workflows.

Why use headless browser sessions for website screenshots instead of manual capture?▼

Using headless browser sessions for website screenshots eliminates manual capture tasks and provides deterministic, repeatable results. This approach ensures consistent visual output for automated testing and documentation workflows without requiring active browser monitoring.

Related Skills

Explore More Software Engineering Skills→
thistleknotthistleknot

headless-browser-verification

Capture headless-browser PNG screenshots and compare them to baseline images.

Community
Intermediate
HuuBarHuuBar

ui-designer

Extract design systems from reference UI images into structured documentation.

Community
Advanced
CrumbgrabberCrumbgrabber
3

webapp-testing

Automate local web application testing with Python Playwright scripts.

Community
Intermediate
renatoasserenatoasse
2.0k

image-creator

Render self-contained HTML/CSS templates into PNG images via Playwright.

Community
Advanced