Full Page Screenshot
Skill Verified ActiveUse when the user asks to capture a full-page screenshot, long screenshot, or complete page capture of a web page. Handles SPA scroll containers, lazy-loaded images, and very tall pages via Chrome DevTools Protocol with zero external dependencies.
To capture complete, high-fidelity full-page screenshots of any web page, including dynamic content and long scrolling sections, directly via the browser's debugging protocol.
Features
- Capture full-page screenshots via Chrome DevTools Protocol
- Handles SPA scroll containers and lazy-loaded images
- Supports very tall pages with tiled capture and stitching
- Automatic discovery of Chrome debugging port or fallback to proxy
- Customizable viewport width, DPR, and page load timeout
Use Cases
- Capture screenshots for web archiving or documentation
- Generate visual comparisons of web pages across different states
- Debug rendering issues on complex single-page applications
- Automate visual testing of website elements
Non-Goals
- Performing any other browser automation tasks besides screenshot capture
- Capturing content from authenticated/SSO pages using the URL mode
- Interacting with web elements beyond scrolling to trigger lazy loading
Installation
First, add the marketplace
/plugin marketplace add alirezarezvani/claude-skills/plugin install engineering@claude-code-skillsQuality Score
VerifiedTrust Signals
Similar Extensions
Build Custom Mcp Server
100Build a custom MCP (Model Context Protocol) server that exposes domain-specific tools to AI assistants. Covers server implementation in Node.js or R, tool definitions, transport configuration, and testing with Claude Code. Use when you need to expose custom functionality beyond what mcptools provides, when building specialized domain-specific AI integrations, or when wrapping existing APIs or services as MCP tools.
AutoBrowse
100Self-improving browser automation via the auto-research loop. Iteratively runs a browsing task, reads the trace, and improves the navigation skill (strategy.md) until it reliably passes. Supports parallel runs across multiple tasks using sub-agents. Use when you want to build or improve browser automation skills for specific website tasks.
Senior Backend Engineer
100Designs and implements backend systems including REST APIs, microservices, database architectures, authentication flows, and security hardening. Use when the user asks to "design REST APIs", "optimize database queries", "implement authentication", "build microservices", "review backend code", "set up GraphQL", "handle database migrations", or "load test APIs". Covers Node.js/Express/Fastify development, PostgreSQL optimization, API security, and backend architecture patterns.
Eyeball
100Document analysis with inline source screenshots. When you ask Copilot to analyze a document, Eyeball generates a Word doc where every factual claim includes a highlighted screenshot from the source material so you can verify it with your own eyes.
Auth0 SPA JS Integration
100Use when adding authentication to Vanilla JS, Svelte, or any framework-agnostic single-page applications - integrates @auth0/auth0-spa-js SDK for SPAs without framework-specific wrappers
Optimize Docker Build Cache
99Optimize Docker build times using layer caching, multi-stage builds, BuildKit features, and dependency-first copy patterns. Applicable to R, Node.js, and Python projects. Use when Docker builds are slow due to repeated package installations, when rebuilds reinstall all dependencies on every code change, when image sizes are unnecessarily large, or when CI/CD pipeline builds are a bottleneck.