Use Case
web-screenshot is a powerful AI agent skill that extends your assistant with new capabilities. πΌοΈ Full page screenshot of any URL + PDF export tool. It is used when users require to intercept web pages, save web page snapshots, archive screenshots, do QA comparison, and export PDF. Supports Chinese websites such as Baidu/Zhihu/WeChat public accounts/Xiaohongshu, and automatically waits for JS rendering to deliver PNG/JPG/PDF. This guide walks you through installing web-screenshot, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install web-screenshot: npx clawhub@latest --dir ~/.claude/skills install web-screenshot
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to design & creative to trigger web-screenshot
Review the output and refine your prompt for better results
Combine web-screenshot with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing web-screenshot
Help me get started with web-screenshot
What can web-screenshot do for my design & creative workflow?
Show me an example of using web-screenshot
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install web-screenshotOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install web-screenshotβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/web-screenshot/π‘Extract and place the folder at the path above, then restart your agent.