Browser Use MCP Server

🚀 Browser-Enabled MCP Server

A TypeScript-based MCP server that implements a simple note-taking system. This example demonstrates the core concepts of MCP:

• Access and manage text notes through resources represented by note:// URIs and metadata.
• Provide tools for creating new notes.
• Offer prompts for generating note summaries.

🔥 Corresponding Video: https://youtu.be/jsd8TpzicRQ

🔥 My WeChat: stoeng

✨ Features

Resources

• List and access notes with note:// URIs.
• Each note includes a title, content, and metadata.
• Use a simple plain-text MIME type to access the content.

Tools

• create_note - Create a new text note.
  • Requires passing the title and content as parameters.
  • Store the note in the server state.

Prompts

• summarize_notes - Generate summaries of all stored notes.
  • Include all note content as embedded resources.
  • Return structured prompts for the LLM to generate summaries.

📦 Installation

To use it with Claude Desktop, add the server configuration:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json On Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "browser-use": {
      "command": "/path/to/browser-use/build/index.js"
    }
  }
}

🚀 Quick Start

Development

Install dependencies:

npm install

Build the server:

npm run build

Develop with automatic rebuild:

npm run watch

💻 Usage Examples

Basic Usage

# Install dependencies
npm install

# Build the server
npm run build

# Develop with automatic rebuild
npm run watch

Advanced Usage

# Start the MCP Inspector for debugging
npm run inspector

🔧 Technical Details

Since MCP servers communicate via standard input and output, debugging can be challenging. We recommend using MCP Inspector, which can be run via a script command:

npm run inspector

The Inspector will provide a URL to open in the browser to access the debugging tools.