full-page-screenshot
Lets your agent take full-page screenshots of web pages. It's useful for portfolios, case studies, and audit reports, without needing other tools.
What it does
This tool takes a complete picture of a web page, as if you scrolled through the entire page and took a screenshot. It's useful for showcasing work in portfolios or in reports.
When to use it
- ✓Need to show an entire website in a portfolio.
- ✓Want to create a visual report of a web page.
- ✓Need to save the look of a page for future reference.
Example of what to ask your AI
“Take a full-page screenshot of this website: [website address]”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The tool uses a special protocol from the Chrome browser to 'see' the entire page and save it as an image. It doesn't require other programs to be installed to work.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill full-page-screenshotOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/full-page-screenshot/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
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.
FAQ
What is 'Chrome DevTools Protocol'?
It's a way for the program to communicate with the Chrome browser to perform advanced tasks, like taking full-page screenshots.
Do I need to have Chrome installed?
Yes, the tool uses Chrome to function.
What does 'zero dependencies' mean?
It means you don't need to install any other extra programs or tools to use this feature.
Details
Original description by the author
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #716
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
cpp-testing
Makes your agent write and improve tests for C++ code. It helps set up testing tools and fix errors.
affaan-m/ECC
csharp-testing
Helps your agent create tests for C# and .NET code. It uses best practices to ensure tests are efficient and reliable.
affaan-m/ECC
django-tdd
Enables your agent to apply testing strategies for Django with pytest-django and TDD. It's useful for writing robust tests and ensuring code quality, especially for DRF APIs.
affaan-m/ECC