site-post-screenshots

Create polished social-post screenshots from real websites.

npx site-post-screenshots https://example.com --out ./post-shots

Outputs include:

• raw desktop and mobile screenshots
• x-desktop-1600x900.png
• x-mobile-1600x900.png
• desktop-1600x1200.png
• desktop-mobile-1600x900.png

Install

npm install -g site-post-screenshots
site-post-screenshots https://example.com

If Playwright reports that Chromium is missing:

npx playwright install chromium

Aliases:

site-post-shots https://example.com

Options

site-post-screenshots <url> \
  --out ./post-shots \
  --desktop 1440x1000 \
  --mobile 390x844 \
  --delay 1

Useful capture options:

site-post-screenshots https://example.com --selector main
site-post-screenshots https://example.com --hide-selectors ".cookie-banner,.chat-widget"

Publish

Before publishing, check the package:

npm run check
npm pack --dry-run

Then publish from the package root:

npm login
npm publish --access public

If the package name is taken on npm, change name in package.json before publishing.