area_screenshot
Take a screenshot of a specific area of the current page
LABSCO SUMMARY
Aiming by coordinate makes the screenshot part of the loop, not an extra.
click takes a coordinate and type goes wherever focus already is, so the working rhythm is screenshot, aim, act, screenshot — and area_screenshot is there so each turn of that loop ships a rectangle instead of a full page. wait is built for the same rhythm: it returns the page state after the pause rather than only blocking for it. batch is the answer to what that loop costs in round trips, combining click, type and press_key into one command with an interval between operations.
What it is
A browser driver whose pointer tools take coordinates — 14 tools covering navigation, coordinate clicks, typing, area screenshots, viewport size and tabs.
What you get
- Clicks placed at a coordinate, and text typed into whatever currently has focus
- Screenshots of one rectangle of the page, given its top-left and bottom-right corners
- A viewport set to a width and height you choose
- A wait of a set number of seconds that returns a screenshot of the state it waited for
- Several operations run in sequence in a single command, with an interval between them
- Tabs opened, listed, selected by index and closed
Requirements
Nothing to supply — no account, no key. The pointer tools address the page by position through coordinate, topLeft and bottomRight, so aiming them means a screenshot and a viewport whose size you set; scroll is the one that takes a selector.
Setup effort
One command — npx @sydneyassistent/codingbaby-browser-mcp
USE CASES
01
Driving a page that has no selectors worth trusting
Open the page, take a picture of the region you care about, click the point you can see and type into what that focused, waiting when the page needs a moment to catch up.
02
Cutting the round trips out of a long form
Put the whole sequence of clicks, typing and key presses into one batched command with a fixed interval, instead of paying a round trip per field.
03
Checking how a layout behaves at a particular window size
Set the viewport to the width and height in question, scroll to the part of the page you are judging, and capture just that rectangle.
04
Keeping several pages open and moving between them
Open the second page in its own tab, switch by index when you need to compare, close the ones you are finished with, and shut the browser at the end.
14 tools
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
batch
Execute a batch of browser operations in sequence. This powerful tool allows combining multiple actions (click, type, press_key, etc.) into a single command, reducing round-trip time. Ideal for form filling, search operations, and simple navigation sequences.
click
Perform click on a web page
close
Close the browser
navigate
Navigate to a URL
press_key
Press a key or key combination on the keyboard
scroll
Scroll the page in a specified direction
set_viewport
Set the viewport configuration of the browser
tab_close
Close a tab
tab_list
List browser tabs
tab_new
Open a new tab
tab_select
Select a tab by index
type
Type text into focused element
wait
Wait for a specified number of seconds, with a screenshot of the current page state after waiting
BEFORE YOU INSTALL
What to know first
Tools you get
14 tools when we connected.
Requires
- npx on PATH
- Node.js
CONTEXT COST
Light Standing cost
Rated by the size of the 14 tool definitions that ride along on every turn, not by how many there are
INSTALLATION
Connect your client
Add the block to your client, or run the command directly.
Server setup
Configuration file
JSON
{
"mcpServers": {
"codingbaby-browser-mcp": {
"command": "npx",
"args": [
"@sydneyassistent/codingbaby-browser-mcp"
]
}
}
}npx
TERMINAL
npx @sydneyassistent/codingbaby-browser-mcp
