Win4r Browser Use MCP Server

🚀 Browser-based MCP Server

A Model Context Protocol (MCP) server that demonstrates a simple note-taking system, showcasing the core concepts of MCP.

🚀 Quick Start

This is a Model Context Protocol (MCP) server based on context, which demonstrates a simple note system and showcases the core MCP concepts:

• Resources represent text notes with URIs and metadata.
• Tools are used to create new notes.
• Prompts generate summaries of all stored notes.

🔗 Related Links

• Video Tutorial: https://youtu.be/jsd8TpzicRQ
• Contact: My WeChat is stoeng.

✨ Features

Resources

• List and access notes via note:// URIs.
• Each note has a title, content, and metadata.
• Use the plain text mime type for simple content access.

Tools

• create_note: Create a new text note.
  • The title and content are required parameters.
  • Store the note in the server state.

Prompts

• summarize_notes: Generate a summary of all stored notes.
  • Include all note content as embedded resources.
  • Return a structured prompt for LLM summarization.

📦 Installation

Install Dependencies

npm install

Build the Server

npm run build

Development with Automatic Rebuild

npm run watch

Configuration with Claude Desktop

When using 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"
    }
  }
}

Debugging

Since MCP servers communicate via stdio, debugging can be challenging. We recommend using MCP Inspector, which is available as a package script:

npm run inspector

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