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, requiring no external dependencies. Use it when you need full-page visual captures for portfolios, case studies, audit reports, or web documentation.
- Capture full-page screenshots via Chrome DevTools Protocol
- Zero external dependencies required
- Generate screenshots for portfolios and case studies
- Create visual documentation for audit reports
- Support long-form web page captures
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: npx skills add https://github.com/nexu-io/open-design --skill full-page-screenshot
- 2.Ask your 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 agent will generate and return the full-page screenshot
Use cases
- Generate portfolio screenshots of live websites
- Create visual documentation for case study reports
- Capture full-page audit reports for compliance
- Document web page layouts for design reviews
- Archive complete web page visuals for reference
- Web developers
- Design portfolio creators
- QA and audit professionals
- Documentation specialists
- Web designers
full-page-screenshot FAQ
None. This skill uses Chrome DevTools Protocol and has zero external dependencies.
You can trigger this skill with: 'full page screenshot', 'long screenshot', 'devtools screenshot', or 'web capture'.
It's useful for creating portfolios, case studies, audit reports, and any scenario where you need complete visual captures of web pages.
The upstream repository is at https://github.com/LewisLiu007/full-page-screenshot.
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 Open Design 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.
gsap-core
Official GSAP core animation library for JavaScript tweens, easing, and responsive motion.
gsap-frameworks
|
gsap-performance
|
gsap-plugins
|
gsap-react
Official GSAP hook and patterns for smooth animations in React and Next.js.
gsap-scrolltrigger
Scroll-linked animations, pinning, and scrubbing with GSAP ScrollTrigger plugin.