YarlisAI Modern Browser Tools - MCP Server

A Model Context Protocol (MCP) server that provides AI-powered browser tools integration. This server works in conjunction with the Browser Tools Server to provide AI capabilities for browser debugging and analysis.

Features

• MCP protocol implementation
• Browser console log access
• Network request analysis
• Screenshot capture capabilities
• Element selection and inspection

Installation

# Clone the repository
git clone https://github.com/YarlisAI/yarlis-browser-extension.git
cd yarlis-browser-extension/browser-tools-mcp

# Install dependencies
npm install

# Build the package
npm run build

Usage

# Start the MCP server
npm start

Integration with AI Assistants

This MCP server can be integrated with AI assistants that support the Model Context Protocol, such as Claude in Cursor IDE.

Cursor IDE Integration

1. Build and run the server as described above
2. In Cursor IDE, go to Settings > Features > MCP
3. Add a new MCP server with the following configuration:
   • Name: YarlisAI Browser Tools
   • Type: stdio
   • Command: node /path/to/yarlis-browser-extension/browser-tools-mcp/dist/mcp-server.js

For more detailed instructions, see the Cursor Integration Guide.

API Reference

The MCP server provides the following methods:

• getBrowserData: Get current browser state
• executeJavaScript: Execute JavaScript in the browser
• navigateTo: Navigate to a URL
• captureScreenshot: Capture a screenshot
• getElementDetails: Get details about a specific element
• clickElement: Click on an element
• fillForm: Fill a form with data
• extractStructuredData: Extract structured data from the page

License

MIT