How do I install the Website Screenshot skill?

Run npx skillmds@latest add html2png/website-screenshot in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Website Screenshot safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Website Screenshot?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Website Screenshot free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Website Screenshot?

html2png (@html2png) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Website Screenshot by html2png — Agent Skill

Name: Website Screenshot
Author: html2png

Website Screenshot

Capture screenshots of live websites and web pages via API. Use when users need to screenshot a URL, capture website previews, archive web pages, generate thumbnails of sites, or document web content. Ideal for monitoring, archiving, sharing website previews, or creating visual references of web pages.

html2png 4406c17 3.3 KB Updated Sep 17, 2026

File contents

Website Screenshot API

Capture screenshots of any live website via html2png.dev.

Endpoint

POST https://html2png.dev/api/screenshot

Request

curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "width": 1280, "fullPage": true}'

Parameters

Parameter	Type	Default	Description
`url`	string	required	Website URL to capture
`width`	int	1280	Viewport width
`height`	int	800	Viewport height
`fullPage`	bool	false	Capture entire scrollable page
`format`	string	png	png, webp, pdf
`deviceScaleFactor`	float	2	Retina scale (1-4)
`delay`	int	0	Wait ms before capture
`omitBackground`	bool	false	Transparent bg
`colorScheme`	string	-	light or dark
`userAgent`	string	-	Custom user agent

Response

{
  "success": true,
  "url": "https://html2png.dev/api/blob/screenshot-abc.png",
  "format": "png",
  "timestamp": "2025-01-27T10:30:00.000Z"
}

Examples

Basic Screenshot

curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://github.com"}'

Full Page Capture

curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "fullPage": true, "delay": 2000}'

Mobile Viewport

curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "width": 375, "height": 812, "deviceScaleFactor": 3}'

PDF Export

curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "format": "pdf", "fullPage": true}'

Dark Mode

curl -X POST "https://html2png.dev/api/screenshot" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "colorScheme": "dark"}'

JavaScript Example

const response = await fetch("https://html2png.dev/api/screenshot", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    url: "https://example.com",
    width: 1280,
    fullPage: true,
    delay: 1000,
  }),
});

const data = await response.json();
console.log(data.url);

Tips

Use delay for sites with heavy JavaScript or animations
fullPage captures the entire scrollable content
deviceScaleFactor=2 or higher for crisp text
No caching - each request captures fresh content

Rate Limits

50 requests/hour per IP.

---name: website-screenshotdescription: Capture screenshots of live websites and web pages via API. Use when users need to screenshot a URL, capture website previews, archive web pages, generate thumbnails of sites, or document web content. Ideal for monitoring, archiving, sharing website previews, or creating visual references of web pages.---# Website Screenshot APICapture screenshots of any live website via `html2png.dev`.## Endpoint```POST https://html2png.dev/api/screenshot```## Request```bashcurl -X POST "https://html2png.dev/api/screenshot" \ -H "Content-Type: application/json" \ -d '{"url": "https://example.com", "width": 1280, "fullPage": true}'```## Parameters| Parameter | Type | Default | Description || ------------------- | ------ | -------- | ------------------------------ || `url` | string | required | Website URL to capture || `width` | int | 1280 | Viewport width || `height` | int | 800 | Viewport height || `fullPage` | bool | false | Capture entire scrollable page || `format` | string | png | png, webp, pdf || `deviceScaleFactor` | float | 2 | Retina scale (1-4) || `delay` | int | 0 | Wait ms before capture || `omitBackground` | bool | false | Transparent bg || `colorScheme` | string | - | light or dark || `userAgent` | string | - | Custom user agent |## Response```json{ "success": true, "url": "https://html2png.dev/api/blob/screenshot-abc.png", "format": "png", "timestamp": "2025-01-27T10:30:00.000Z"}```## Examples### Basic Screenshot```bashcurl -X POST "https://html2png.dev/api/screenshot" \ -H "Content-Type: application/json" \ -d '{"url": "https://github.com"}'```### Full Page Capture```bashcurl -X POST "https://html2png.dev/api/screenshot" \ -H "Content-Type: application/json" \ -d '{"url": "https://example.com", "fullPage": true, "delay": 2000}'```### Mobile Viewport```bashcurl -X POST "https://html2png.dev/api/screenshot" \ -H "Content-Type: application/json" \ -d '{"url": "https://example.com", "width": 375, "height": 812, "deviceScaleFactor": 3}'```### PDF Export```bashcurl -X POST "https://html2png.dev/api/screenshot" \ -H "Content-Type: application/json" \ -d '{"url": "https://example.com", "format": "pdf", "fullPage": true}'```### Dark Mode```bashcurl -X POST "https://html2png.dev/api/screenshot" \ -H "Content-Type: application/json" \ -d '{"url": "https://example.com", "colorScheme": "dark"}'```## JavaScript Example```javascriptconst response = await fetch("https://html2png.dev/api/screenshot", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: "https://example.com", width: 1280, fullPage: true, delay: 1000, }),});const data = await response.json();console.log(data.url);```## Tips- Use `delay` for sites with heavy JavaScript or animations- `fullPage` captures the entire scrollable content- `deviceScaleFactor=2` or higher for crisp text- No caching - each request captures fresh content## Rate Limits50 requests/hour per IP.

Frequently asked questions