webpage-screenshot打开指定网页并截图为图片文件。在用户要求对某 URL 截图、保存网页为图片、或需要网页快照时使用。
Install via ClawdBot CLI:
clawdbot install Malenconiaprincep/webpage-screenshot使用项目内 TypeScript 脚本,可保存为本地图片文件:
# 在项目根目录执行
npm run screenshot -- <URL> [输出路径]
示例:
npm run screenshot -- https://example.com
# 默认保存为 ./screenshot.png
npm run screenshot -- https://example.com ./output/page.png
前置条件:已执行 npm install 且已安装浏览器:npx playwright install chromium。
若仅需在对话中「看到」页面内容而不必保存为文件,可使用 Cursor 的 browser MCP:
browser_navigate 打开目标 URLbrowser_snapshot 获取页面结构(相当于当前状态的“快照”信息)注意:MCP 浏览器不直接生成截图文件,适合快速查看与交互。
screenshot.png)。Generated Mar 1, 2026
QA teams use this skill to capture visual snapshots of web pages during testing phases, comparing them against design mockups to ensure pixel-perfect accuracy. It helps identify rendering issues across different browsers and devices, streamlining the bug reporting process.
Researchers and archivists employ this skill to save web pages as images for documentation, preserving the visual state of online content for historical records or legal compliance. It's useful for capturing dynamic content that might change or disappear over time.
Marketing professionals use this skill to screenshot landing pages or promotional web pages to analyze design effectiveness and track changes over campaigns. It aids in A/B testing by providing visual evidence of different page versions for team reviews.
Support teams capture screenshots of web pages to document user-reported issues, such as broken layouts or error messages, for troubleshooting and escalation. This visual evidence helps in communicating problems clearly to development teams.
Integrate this skill into a SaaS platform offering automated website monitoring and screenshot services, charging subscription fees based on usage tiers. Revenue is generated from monthly or annual plans for businesses needing regular visual audits.
Freelancers use this skill to provide clients with visual reports of website issues or design implementations, billing per project or hourly. Revenue comes from one-off payments for tasks like bug fixes or page optimization.
Create and sell online courses or tutorials that teach web development and testing using this screenshot skill, generating revenue through course sales or affiliate marketing. It targets learners looking to improve their technical skills.
💬 Integration Tip
Ensure Node.js and Playwright are installed locally before running scripts, and use the MCP browser for quick previews without file generation.
Remote-control tmux sessions for interactive CLIs by sending keystrokes and scraping pane output.
Command-line tool to manage Google Workspace services including Gmail, Calendar, Drive, Sheets, Docs, Slides, Contacts, Tasks, People, Groups, and Keep.
Runs shell commands inside a dedicated tmux session named claw, captures, and returns the output, with safety checks for destructive commands.
A modern text-based browser. Renders web pages in the terminal using headless Firefox.
Write robust, portable shell scripts. Use when parsing arguments, handling errors properly, writing POSIX-compatible scripts, managing temp files, running commands in parallel, managing background processes, or adding --help to scripts.
NotebookLM CLI wrapper via `node {baseDir}/scripts/notebooklm.mjs`. Use for auth, notebooks, chat, sources, notes, sharing, research, and artifact generation/download.