Full Page Screenshot
- 1.8k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
A tool that captures complete web page screenshots via Chrome DevTools Protocol for visual documentation and testing.
About
full-page-screenshot captures complete web page screenshots using Chrome DevTools Protocol with no external dependencies. Developers use it to generate visual artifacts for portfolios, case studies, audit reports, and regression testing workflows. The skill integrates directly into agent planning and can be invoked by name or natural language triggers like 'long screenshot' or 'web capture'. It operates via the upstream GitHub bundle and requires Chrome/Chromium access.
- Zero-dependency Chrome DevTools Protocol integration for full-page capture
- Invokable via natural language triggers: 'full page screenshot', 'long screenshot', 'web capture'
- Direct integration into agent skills directory for automated discovery and planning
- Supports visual documentation workflows: portfolios, case studies, audit reports
- Outputs image artifacts suitable for regression testing and visual verification
Full Page Screenshot by the numbers
- 1,771 all-time installs (skills.sh)
- +125 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #194 of 2,742 Automation & Workflows skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
full-page-screenshot capabilities & compatibility
- Capabilities
- full page screenshot capture via cdp · natural language trigger recognition · agent skill integration and discovery · image artifact generation · zero dependency operation
- Use cases
- testing · documentation · web scraping
- Platforms
- macOS · Windows · Linux
- Runs
- Runs locally
- Pricing
- Free
What full-page-screenshot says it does
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies.
Useful for portfolios, case studies, and audit reports.
This catalogue entry advertises the skill in Open Design so the agent discovers it during planning.
npx skills add https://github.com/nexu-io/open-design --skill full-page-screenshotAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.8k |
|---|---|
| repo stars | ★ 82k |
| Security audit | 0 / 1 scanners passed |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
What it does
Capture full-page screenshots of web pages via Chrome DevTools Protocol for documentation, audit reports, and visual testing.
Who is it for?
Visual testing, audit documentation, portfolio generation, case study capture, regression testing.
Skip if: Real-time browser automation beyond screenshot capture; interactive testing; cross-browser screenshot comparison at scale.
When should I use this skill?
Documentation needs visual evidence; audit reports require page snapshots; visual regression testing requires baseline captures; portfolios need live site screenshots.
What you get
Generate complete, dependency-free screenshots of web pages for audit reports, portfolio documentation, and visual testing workflows.
- PNG/image screenshots of full web pages
- Visual artifacts for documentation and reports
By the numbers
- Zero external dependencies
- Supports multiple natural language triggers for invocation
Files
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-screenshotThen 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
Agent BrowserGive their coding agent reliable, high-fidelity control over any website or Electron desktop app.577k39.1k
Lark ApprovalLet their AI coding agent create, read, update, and approve items in Lark (Feishu) approval workflows without leaving the coding environment.471kLark EventHandle Feishu/Lark bot events, webhooks, and subscription callbacks in agent-driven backend code.471kLark Workflow Meeting SummaryAutomatically generate structured meeting summaries and action items from Lark/Feishu calls without manual note-taking.470kLark Workflow Standup ReportAutomatically generate and post daily standup reports in Lark/Feishu from their workflow and activity data.470kLark Vc AgentGive their coding agent the ability to read, create, and update documents, tasks, and wiki pages inside Feishu (Lark).415kHow it compares
Use full-page-screenshot for quick CDP long captures; use dedicated visual regression tools for CI-based pixel diff testing.
FAQ
Does this require external dependencies?
No, full-page-screenshot uses Chrome DevTools Protocol with zero external dependencies.
What are the main use cases?
Portfolios, case studies, audit reports, visual testing, and documentation artifact generation.
How do I invoke it in an agent?
Use the skill name 'full-page-screenshot' or trigger phrases: 'long screenshot', 'devtools screenshot', 'web capture'.
Is Full Page Screenshot safe to install?
skills.sh reports 0 of 1 security scanners passed. Review the Security Audits panel on this page before installing in production.