🖼️ 任意URL全页面截图 + PDF导出工具。当用户要求截取网页、保存网页快照、截图存档、做QA对比、导出PDF时使用。支持百度/知乎/微信公众号/小红书等中文网站,自动等待JS渲染交付PNG/JPG/PDF。
数据来源:ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一:命令行安装(推荐)
推荐(无需提前安装 clawhub)
npx clawhub@latest --dir ~/.claude/skills install web-screenshot或使用 clawhub CLI(需提前安装)
clawhub --dir ~/.claude/skills install web-screenshot⚠️ 需要 Node.js 18+,没有 Node?请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二:手动下载安装(无需 Node)
下载 ZIP,解压后将文件夹放到以下路径,重启 Agent 即可:
安装路径
~/.claude/skills/web-screenshot/💡解压后将文件夹放到上方路径,重启 Agent 即可生效
--- name: web-screenshot slug: web-screenshot version: 1.1.3 description: "🖼️ 任意URL全页面截图 + PDF导出工具。当用户要求截取网页、保存网页快照、截图存档、做QA对比、导出PDF时使用。支持百度/知乎/微信公众号/小红书等中文网站,自动等待JS渲染交付PNG/JPG/PDF。" changelog: "v1.1.3 - 优化描述为功能导向,提升搜索排名" metadata: clawhub: tags: ["screenshot","网页截图","截图工具","全页面截图","PDF导出","playwright","browser","headless","中文网站","内容存档","自动化测试","QA对比","网页快照"] clawdbot: emoji: "🖼️" os: ["linux","darwin","win32"] ---
用户:"帮我截一下这个知乎回答"
用户:"把百度搜索结果截图发给我"
用户:"这个公众号文章截图存档"
用户:"把这个页面导出PDF"
用户:"全页面截图,要看到页面底部"
Playwright Node.js (via npx cache, no install needed) Path: /root/.npm/_npx/e41f203b7505f1fb/node_modules
bash skills/web-screenshot/scripts/screenshot.sh <url> [output] [--fullpage|--pdf]
Examples:
# Basic screenshot (viewport)
bash scripts/screenshot.sh https://www.baidu.com /tmp/baidu.png
# Full-page screenshot (scrolls to capture entire page)
bash scripts/screenshot.sh https://example.com /tmp/full.png --fullpage
# PDF export
bash scripts/screenshot.sh https://example.com /tmp/page.pdf --pdf
NODE_PATH=/root/.npm/_npx/e41f203b7505f1fb/node_modules node -e "
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch({ headless: true, args: ['--no-sandbox'] });
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
await page.goto('YOUR_URL', { waitUntil: 'domcontentloaded', timeout: 15000 });
await page.waitForTimeout(2000);
await page.screenshot({ path: '/tmp/output.png', fullPage: false });
await browser.close();
})().catch(e => { console.error(e.message); process.exit(1); });
"
| Parameter | Default | Notes | |-----------|---------|-------| | URL | required | Target URL, must be valid | | output path | auto timestamp | /tmp/openclaw/screenshot_YYYYMMDD_HHMMSS.png | | --fullpage | viewport only | Captures entire scrollable page | | --pdf | screenshot | Exports as A4 PDF |
waitForTimeout (e.g. 5000 instead of 2000)printBackground: true ensures background colors/images are includedLogin-gated / anti-automation pages: Some sites detect headless browsers and return blank content. Workaround:
Known sites with issues: GitHub (sometimes), A2H Market (confirmed), sites with Cloudflare protection
安装 web-screenshot 后,可以对 AI 说这些话来触发它
Help me get started with web-screenshot
Explains what web-screenshot does, walks through the setup, and runs a quick demo based on your current project
Use web-screenshot to 🖼️ Full page screenshot of any URL + PDF export tool
Invokes web-screenshot with the right parameters and returns the result directly in the conversation
What can I do with web-screenshot in my design & creative workflow?
Lists the top use cases for web-screenshot, with example commands for each scenario
将技能文件夹放到 ~/.claude/skills/web-screenshot/ 目录(个人级,所有项目可用),或 .claude/skills/web-screenshot/(项目级)。重启 AI 客户端后,用 /web-screenshot 主动调用,或让 AI 根据上下文自动发现并使用。
web-screenshot 支持 Claude、Cursor、OpenClaw,可与这些 AI 平台无缝集成,扩展其能力。
web-screenshot 可免费安装使用。请查阅仓库了解许可证信息。
🖼️ 任意URL全页面截图 + PDF导出工具。当用户要求截取网页、保存网页快照、截图存档、做QA对比、导出PDF时使用。支持百度/知乎/微信公众号/小红书等中文网站,自动等待JS渲染交付PNG/JPG/PDF。
web-screenshot 属于「Design & Creative」分类,该分类的技能帮助 AI 智能体在此领域执行专业任务。
Automate my design & creative tasks using web-screenshot
Identifies repetitive steps in your workflow and sets up web-screenshot to handle them automatically