full-page-screenshot
nexu-io/open-design
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies.
What is full-page-screenshot?
This skill captures complete screenshots of web pages using Chrome DevTools Protocol, without requiring additional dependencies. Use it for creating visual documentation, portfolios, case studies, and audit reports.
- Captures full-page screenshots of web pages via Chrome DevTools Protocol
- Requires zero external dependencies
- Generates high-quality images suitable for portfolios and documentation
- Supports long-page capture for complete page documentation
- Integrates with audit and reporting workflows
How to install full-page-screenshot
npx skills add https://github.com/nexu-io/open-design --skill full-page-screenshotHow to use full-page-screenshot
- 1.Install the skill using the provided npm command
- 2.Ask the agent to invoke the skill by name (full-page-screenshot) or use trigger phrases like 'full page screenshot', 'long screenshot', 'devtools screenshot', or 'web capture'
- 3.Provide the URL of the web page you want to capture
- 4.The skill will generate a full-page screenshot image
Use cases
- Creating visual documentation of website designs and layouts
- Generating screenshots for portfolio and case study presentations
- Capturing full pages for accessibility and design audit reports
- Documenting web application states and user interfaces
- Creating visual records of web content for archival purposes
- Web designers and developers
- Portfolio and case study creators
- QA and audit professionals
- Documentation specialists
- Web application testers
full-page-screenshot FAQ
None. The skill uses Chrome DevTools Protocol directly without requiring additional external dependencies.
The skill generates image output suitable for portfolios and documentation; refer to the upstream repository for specific format details.
Yes, it captures full-page screenshots including content below the fold.
You can use 'full page screenshot', 'long screenshot', 'devtools screenshot', or 'web capture' as trigger phrases.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: full-page-screenshot description: | Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports. triggers:
- "full page screenshot"
- "long screenshot"
- "devtools screenshot"
- "web capture" od: mode: image category: screenshots upstream: "https://github.com/LewisLiu007/full-page-screenshot"
full-page-screenshot
Curated from @LewisLiu007.
What it does
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.
Source
- Upstream: https://github.com/LewisLiu007/full-page-screenshot
- Category:
screenshots
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/LewisLiu007/full-page-screenshot
Then ask the agent to invoke this skill by name (full-page-screenshot) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
gif-sticker-maker
Convert photos into animated GIF stickers in Funko Pop / Pop Mart style via MiniMax API.
gpt-taste
Elite UX/UI design engineer with GSAP motion, editorial typography, and gapless bento grids for award-winning landing pages.
gsap-core
Official GSAP core animation library for JavaScript tweens, easing, and responsive motion.
gsap-frameworks
GSAP animation for Vue, Nuxt, Svelte, and SvelteKit with proper lifecycle and cleanup.
gsap-performance
Optimize GSAP animations for smooth 60fps by preferring transforms, avoiding layout thrashing, and batching updates.
gsap-plugins
Official GSAP plugins for animations, dragging, text effects, SVG, and easing.