Webshots

A tool to take Web page screenshots with common browser screen resolutions and save them as PNG files.

Generate Convert Improve

Install / Use

/learn @yaph/Webshots

About this skill

Quality Score

0/100

README

webshots - take Web page screenshots

A utility for taking Web page screenshots with common browser resolutions and saving them as PNG files using PhantomJS. Read more in this brief introduction to webshots.

Installation

git clone https://github.com/yaph/webshots.git
ln -s /path/to/webshots/webshots $HOME/bin
ln -s /path/to/webshots/webshots.js $HOME/bin

Usage

Create several screenshots at common browser resolutions:

webshots http://example.com

Create one screenshot at given browser resolution:

webshots --width=300 --height=200 http://example.com

Hints

When pages have the body element background set to transparent it is set to white to reflect how browsers render it.

About

Written by Ramiro Gómez, licensed under the MIT License.

Related Skills

node-connect

340.5k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

84.2k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

340.5k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

commit-push-pr

84.2k

Commit, push, and open a PR