MCP Hub
Back to servers

Element Selector

MCP (Model Context Protocol) Server. Chrome extension that enables developers to interactively select, capture, and store web page DOM elements with their HTML structure, computed styles, and screenshots for design analysis and debugging.

Stars
4
Validated
Jan 11, 2026

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

  1. Clone the repository
  2. Run bun start to start the server
  3. Open Chrome and navigate to chrome://extensions/
  4. Click "Load unpacked" and select the extension directory
  5. Click "Element MCP" to enable the extension
  6. Select an element on the webpage
  7. The element will be stored in the server

Credit

Icons created by Yogi Aprelliyanto - Flaticon

Reviews

No reviews yet

Sign in to write a review