Cursor MCP (Model Context Protocol)
- ide
Cursor Model Context Protocol (MCP) extension for Chrome - with comprehensive test coverage
About
What is Cursor MCP (Model Context Protocol)?
Cursor MCP is a Chrome extension that integrates with Cursor IDE through the Model Context Protocol (MCP), enabling enhanced context sharing between the browser and the IDE. It is designed for developers who want to capture browser activity—such as console logs, network requests, and screenshots—directly from Cursor IDE.
How to use Cursor MCP (Model Context Protocol)?
To use Cursor MCP, first install the Chrome extension by cloning the repository, loading it as an unpacked extension in Chrome’s developer mode. Then, in Cursor IDE, add the MCP by going to Settings > Extensions or MCPs, clicking “Add MCP”, and entering the provided information. Once configured, developers can call MCP functions (e.g., mcp.getConsoleLogs(), mcp.takeScreenshot()) directly in Cursor IDE to retrieve browser context.
Key features of Cursor MCP (Model Context Protocol)
- Capture console logs and errors from the browser
- Track network requests and responses
- Take full-page screenshots
- Retrieve selected DOM elements
- Register commands with Cursor IDE
- Configure logging limits and headers display
Use cases of Cursor MCP (Model Context Protocol)
- Debugging JavaScript errors by pulling console logs into Cursor IDE
- Inspecting network traffic while developing web applications
- Capturing screenshots of live pages for documentation or bug reports
- Quickly accessing DOM structure of selected elements for code generation
- Automating browser‑based tasks by invoking commands from Cursor
FAQ from Cursor MCP (Model Context Protocol)
What does the Cursor MCP extension do?
It acts as a bridge between the Chrome browser and Cursor IDE, allowing developers to access browser data (console logs, network activity, screenshots, DOM elements) directly from their Cursor workspace through the Model Context Protocol.
Which browsers and IDEs are supported?
The extension is built for Chrome browser and is designed to work specifically with Cursor IDE. No other browsers or IDEs are mentioned in the documentation.
How do I install the Chrome extension?
Clone the repository, open Chrome at chrome://extensions/, enable Developer Mode, click “Load unpacked”, and select the cloned folder. The extension will appear in the toolbar.
How do I add it to Cursor IDE?
In C
Details
- Author
- sirvenis
- Category
- ide
- Repository
- sirvenis/cursor-mcp-extension
Cursor MCP (Model Context Protocol)
A Chrome extension that integrates with Cursor IDE through the Model Context Protocol (MCP), allowing for enhanced context sharing between the browser and the IDE.
Features
- Capture console logs and errors
- Track network requests and responses
- Take screenshots
- Get selected DOM elements
- Register commands with Cursor IDE
- Configure logging settings
Installation
Browser Extension
1. Clone this repository
2. Open Chrome and navigate to chrome://extensions/
3. Enable Developer Mode (toggle in the top right)
4. Click "Load unpacked" and select the cloned repository folder
5. The extension should now be installed and visible in your browser toolbar
Adding to Cursor Settings
1. Open Cursor IDE
2. Go to Settings (gear icon in the bottom left corner)
3. Navigate to the "Extensions" or "MCPs" section
4. Click "Add MCP"
5. Enter the MCP information and click "Add"
Usage
You can use the MCP directly from Cursor IDE after adding it to your settings:
javascript
// Get console logs
const logs = await mcp.getConsoleLogs();
// Take a screenshot
const screenshot = await mcp.takeScreenshot();
// Get all context
const context = await mcp.getAllContext();
Configuration
The MCP can be configured with the following options:
- Log limit: Maximum number of logs to keep
- Query limit: Maximum size of query to process
- Show request headers: Whether to include request headers in network logs
- Show response headers: Whether to include response headers in network logs
Development
To contribute to this project, follow these steps:
1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request
Documentation
For more detailed information, see the following documentation:
- API Documentation
- Installation Guide
- Cursor Settings Guide
License
MIT
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
