Full Page Screenshot
You know those times when you need to capture an entire webpage but the standard screenshot only grabs what's visible on screen? This handles the full vertical scroll automatically, stitching everything together into one continuous image. Useful when you're documenting a bug, archiving a page layout, or need to show stakeholders a complete view of a long form or article. It's straightforward automation for something that's otherwise tedious to do manually with multiple screenshots and image editing. Works reliably for most standard web pages, though complex infinite scroll situations might trip it up.
- skills.sh installs
- 571
- GitHub stars
- 29.5K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add alirezarezvani/claude-skills --skill full-page-screenshot --agent claude-codeInstalls into .claude/skills of the current project.
Files
Full Page Screenshot
Capture a full-page screenshot of any web page via Chrome DevTools Protocol. Produces a single PNG that includes all content — even portions that require scrolling. Zero external dependencies beyond Node.js 22+ and Chrome with remote debugging enabled.
Prerequisites
- Node.js 22+ (uses built-in
WebSocket) - Chrome/Chromium with remote debugging enabled
Check environment readiness:
node "${SKILL_DIR}/scripts/full-page-screenshot.mjs" --check
If Chrome check fails, instruct user to open chrome://inspect/#remote-debugging and enable "Allow remote debugging for this browser instance".
Workflow
Option A: Screenshot an already-open tab (recommended for authenticated pages)
- List available tabs:
node "${SKILL_DIR}/scripts/full-page-screenshot.mjs" --list
- Identify the target by title/URL, then capture:
node "${SKILL_DIR}/scripts/full-page-screenshot.mjs" <targetId> /tmp/screenshot.png --width 1200 --dpr 1
Option B: Screenshot a URL (opens a background tab, captures, closes)
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/alirezarezvani/claude-skills
- First seen
- Jun 3, 2026
More from alirezarezvani/claude-skills
All 267- Statistical Analyst566
- Code Tour562
- Team Communications562
- Internal Narrative558
- Tc Tracker544
- Ai Seo538
- Release Manager528
- Kubernetes Operator523
- Command Guide512
- Caveman509
- Chaos Engineering497
- Ship Gate483
- Feature Flags Architect477
- General Counsel Advisor475
- Slo Architect465
- Handoff443
- C Level Agents434
- Chief Ai Officer Advisor432
- Boardroom430
- Chief Data Officer Advisor423
- Founder Mode422
- Cfo Review411
- Cto Review410
- Chief Customer Officer Advisor408
Recommended
cavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
systematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
karpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
find-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs