"styled-components" matching MCP servers:

Enables AI agents to render and screenshot isolated UI components instantly across multiple browsers without a dev server or Storybook.

Exposes the React DevTools and TanStack Query/Router state of a Chrome tab to coding agents as MCP tools, enabling inspection, profiling, and mutation of components, queries, and routes from any MCP client.

Enables coding agents to search and retrieve real production websites, their design systems, and reference components over MCP, so they can study design patterns before writing UI.

Enables AI agents to create polished product demo videos by controlling a real Chromium browser, recording actions, and rendering 1080p MP4s with narration, captions, and styled overlays.

Gives Claude the ability to inspect and extract UI components from any webpage through a Chrome extension, enabling element discovery, style extraction, and design token analysis.

MCP server for extracting UI components, design tokens, and patterns from websites and generating production-ready React, Vue, and HTML components.

MCP server for automating ELN data management platform form design using Playwright. Enables users to log in, create and manage templates, design forms with components and formulas, and configure data via natural language.

Enables style verification and CSS inspection through Chrome DevTools Protocol, using JSON specs to check computed styles, find elements, and interact with pages.

Imports public websites and extracts UI components and design tokens, making them available via MCP for AI coding agents to reuse in implementations.

Verifies that AI-generated UI code matches Figma design specs by rendering components in a real browser, comparing computed CSS, and returning patch-ready fixes with scored parity reports.

Enables LLMs to read, query, search, and manipulate a live schematic or PCB canvas in the browser, including retrieving the active document, searching the LCSC parts database, and placing components, drawing wires, and updating net names. Bridges an MCP client to the editor via a WebSocket extension so changes appear in real time.

Provides AI assistants with advanced frontend debugging capabilities through 36 specialized tools for inspecting React/Vue/Angular/Svelte applications. Uses Playwright browser automation and source map intelligence to analyze components, network requests, bundle optimization, and resolve production errors.