🦉 WebSight

WebSight is a Model Context Protocol (MCP) server that provides web browsing capabilities to AI agents. Built on Playwright, it enables automated web interactions including navigation, clicking, scrolling, taking screenshots, and extracting content.

Available Tools

- Navigation: Navigate to URLs and go back in browser history
- Screenshots: Capture screenshots of the current viewport
- Scrolling: Scroll to specific positions, directions, or text content
- Clicking: Click on elements by text, position, or CSS selector
- Hovering: Hover over elements by text, position, or CSS selector
- Element Discovery: Get clickable elements in the viewport
- Content Extraction: Extract cleaned HTML content from specific elements

Installation

$3

``bash
npm install -g @tcehjaava/websight
`

$3

After installing globally, add it to Claude Code as an MCP server:

`bash
claude mcp add websight "websight"
`

Local Development

$3

`bash


Install dependencies

npm install

Build the project

npm run build
`

$3

`bash


Development mode with hot reload

npm run dev

Build the project

npm run build

Run linting

npm run lint

Format code

npm run format

Run all checks (lint, format, build)

npm run check
`

$3

`bash


Remove if already exists

claude mcp remove websight

Add the server

claude mcp add websight node dist/index.js
`

$3

`bash
claude mcp remove websight
``