Element Mcp
What is Element Mcp
Element MCP is a Chrome extension designed for selecting and storing DOM elements on a webpage.
Use cases
Use cases include developers needing to test UI components, designers wanting to store and manage elements for prototyping, and testers requiring a way to track changes in web elements.
How to use
To use Element MCP, clone the repository, run ‘bun start’ to start the server, load the unpacked extension in Chrome, enable it, select elements on a webpage, and the selected elements will be stored on the server.
Key features
Key features include the ability to select and store DOM elements on a webpage and view the stored elements in a table format.
Where to use
Element MCP can be used in web development, UI testing, and any scenario where DOM manipulation and element storage are required.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Overview
What is Element Mcp
Element MCP is a Chrome extension designed for selecting and storing DOM elements on a webpage.
Use cases
Use cases include developers needing to test UI components, designers wanting to store and manage elements for prototyping, and testers requiring a way to track changes in web elements.
How to use
To use Element MCP, clone the repository, run ‘bun start’ to start the server, load the unpacked extension in Chrome, enable it, select elements on a webpage, and the selected elements will be stored on the server.
Key features
Key features include the ability to select and store DOM elements on a webpage and view the stored elements in a table format.
Where to use
Element MCP can be used in web development, UI testing, and any scenario where DOM manipulation and element storage are required.
Clients Supporting MCP
The following are the main client software that supports the Model Context Protocol. Click the link to visit the official website for more information.
Content
Element MCP
Description
Element MCP is a Chrome extension that allows you to select and store DOM elements on a webpage.
Features
- Select and store DOM elements on a webpage
- View stored elements in a table
Usage
- Clone the repository
- Run
bun startto start the server - Open Chrome and navigate to
chrome://extensions/ - Click “Load unpacked” and select the
extensiondirectory - Click “Element MCP” to enable the extension
- Select an element on the webpage
- The element will be stored in the server
Credit
Dev Tools Supporting MCP
The following are the main code editors that support the Model Context Protocol. Click the link to visit the official website for more information.
