capture_console
Capture console output from a web page. Accepts a URL, optional JS command to run, and duration to wait (default 4 seconds). Returns all console messages during that time.
LABSCO SUMMARY
You stop describing the change and start looking at it.
The captures are shaped for a model that has to read them: a full page returns as 1072x1072 tiles rather than one tall image, and capture_selector exists so checking one component does not spend pixels on the rest of the page. capture_console covers the other case — the screenshot looks right and the page is throwing errors anyway.
What it is
Four capture tools pointed at a URL: a tiled full-page screenshot, a screencast over a duration, one element matched by CSS selector, and the console messages a page emits.
What you get
- Full pages captured and tiled into 1072x1072 chunks
- A screencast over a duration you set, with frame intervals that adapt — 100ms up to 5s, 200ms from 5-10s, 500ms beyond that
- PNG frames, or an animated WebP that pauses 4 seconds at the end for looping
- One element captured by CSS selector, with selectorTimeoutMS for elements that arrive late
- Console output collected over a duration that defaults to 4 seconds, with an optional JS command run first
- Viewport width and height set per call, and a waitUntil condition before the capture fires
Requirements
npx on your PATH. No account and no key.
Setup effort
One command — claude mcp add screenshot-website-fast -s user -- npx -y @just-every/mcp-screenshot-website-fast
USE CASES
01
Checking that the change you just made rendered
A full page comes back as 1072x1072 tiles, which is what makes a tall page readable to a model rather than one long strip.
02
Reviewing one component without the rest of the page
A CSS selector picks out the element; selectorTimeoutMS covers the case where it renders a moment after load.
03
Watching how a page behaves over its first few seconds
Frame intervals adapt to the duration — 100ms up to 5s, 200ms from 5-10s, 500ms beyond — and the animated WebP pauses 4 seconds at the end so a loop reads as a loop.
04
Finding the error behind a page that looks fine
Console output over a window that defaults to 4 seconds, with an optional JS command run first to provoke the code path.
4 tools
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
capture_selector
Capture a screenshot of a specific DOM element matched by a CSS selector. Use this when a full-page screenshot would send unnecessary pixels.
take_screencast
Capture a series of screenshots of a web page over time, producing a screencast. Uses adaptive frame rates: 100ms intervals for ≤5s, 200ms for 5-10s, 500ms for >10s. PNG format: individual frames. WebP format: animated WebP with 4-second pause at end for looping.
take_screenshot
Fast, efficient screenshot capture of web pages - optimized for CLI coding tools. Use this after performing updates to web pages to ensure your changes are displayed correctly. Automatically tiles full pages into 1072x1072 chunks for optimal processing.
BEFORE YOU INSTALL
What to know first
Tools you get
4 tools when we connected. capture_console is available but not documented.
Requires
- Node.js 20.x or higher
- npm or npx
- Chrome/Chromium (automatically downloaded by Puppeteer)
CONTEXT COST
Light Standing cost
Rated by the size of the 4 tool definitions that ride along on every turn, not by how many there are
INSTALLATION
Connect your client
Server setup
Claude Code
TERMINAL
claude mcp add screenshot-website-fast -s user -- npx -y @just-every/mcp-screenshot-website-fastMCP Clients
VS Code
VS CODE · TERMINAL
code --add-mcp '{"name":"screenshot-website-fast","command":"npx","args":["-y","@just-every/mcp-screenshot-website-fast"]}'Cursor
CURSOR
cursor://anysphere.cursor-deeplink/mcp/install?name=screenshot-website-fast&config=eyJzY3JlZW5zaG90LXdlYnNpdGUtZmFzdCI6eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIkBqdXN0LWV2ZXJ5L21jcC1zY3JlZW5zaG90LXdlYnNpdGUtZmFzdCJdfX0=JetBrains
JETBRAINS · JSON
{
"mcpServers": {
"mcp-screenshot-website-fast": {
"command": "npx",
"args": [
"-y",
"@just-every/mcp-screenshot-website-fast"
]
}
}
}Any MCP client
ANY MCP CLIENT · JSON
{
"mcpServers": {
"screenshot-website-fast": {
"command": "npx",
"args": [
"-y",
"@just-every/mcp-screenshot-website-fast"
]
}
}
}
