Core Tools
The 6 core tools are always available at startup. They handle connection management, navigation, and framework detection.
connect
Establish a CDP connection to a running Chrome instance.
| Parameter | Type | Default | Description |
|---|---|---|---|
port | number | 9222 | Chrome debugging port |
host | string | localhost | Chrome host |
target | string | — | Filter by URL, title, or target ID |
Returns: Connection status, browser info, available targets.
Side effects: Triggers registration of audit, replay, and advanced tool groups.
> Connect to Chrome on port 9222, targeting the tab with localhost:3000
Connects via CDP and registers 25+ additional tools.navigate
Navigate the connected browser to a URL.
| Parameter | Type | Default | Description |
|---|---|---|---|
url | string | required | URL to navigate to |
Returns: Final URL after redirects, page title.
Waits for the page load event before returning.
screenshot
Capture a screenshot of the current page.
| Parameter | Type | Default | Description |
|---|---|---|---|
fullPage | boolean | false | Capture full scrollable page |
Returns: Base64-encoded PNG image.
status
Check the current connection status and detected frameworks.
Returns:
- Connection state (connected/disconnected)
- Browser and target info
- Detected frameworks
- Registered tool groups
- Available baselines
detect
Auto-detect frontend frameworks in the current page.
Detects: React, Vue, Svelte, Angular, Next.js, Nuxt, Storybook.
Returns: Array of detected frameworks with version info.
Side effects: Registers framework-specific tools based on detection results. For example, detecting React registers 7 React tools.
tabs
List all open browser tabs/targets.
Returns: Array of targets with:
- URL
- Title
- Target ID
- Type (page, iframe, worker, etc.)
Use connect with a target parameter to switch to a different tab.