"Material Design Icons" matching MCP servers:

Converts any rendered web page into a complete, LLM-readable design specification—including block screenshots, distilled computed CSS, design tokens, responsive deltas, and alpha-channel-analyzed assets—so models can accurately reproduce the design.

Searches design platforms for UI references and extracts design tokens such as colors, typography, spacing, and shadows from live websites.

One-click website design cloning with Puppeteer. Captures HTML, CSS, colors, fonts, and layout structured data for recreation.

Bridges Claude Code with Claude Design, enabling sending design instructions, reading replies, and pulling generated files into the codebase.

Provides AI agents with a visual design inspiration loop from award-winning websites, including natural-language search, inline screenshots, and detailed design DNA extraction. Also supports optional live page capture, structure analysis, and motion recording for design verification.

Captures webpage styles and HTML, converts CSS to Tailwind, and applies extracted designs to frontend frameworks like React.

Enables coding agents to discover live visual design references, inspect original sites as MCP images, analyze elements and motion, and verify implementation constraints during an original design workflow.

MCP server for the MiroMiro design-extraction API. It extracts real design data from live websites—including brand colors, fonts, tokens, SVGs, images, and component code—so AI agents can build from actual values.

Captures website design evidence across responsive conditions and packages it into a portable design system for reuse by other agents.

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 Codex to read locally stored profile and material data, inspect and fill authorized Chrome web application forms, and attach selected files through a local MCP bridge.

Enables AI clients to read design pages, screenshots, original assets, styles, and workflows from Lanhu, Figma, and Mockplus, inspect elements, download resources, and build local page-flow maps.

An MCP server that captures rendered UI, diagnoses design tells and consistency drift, and generates redesign diffs from natural language art direction, all within Cursor.

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.

Analyzes and extracts design tokens, assets, and layout from live websites to enable AI clients to faithfully replicate them, with tools for screenshotting, component inspection, and pixel-diff verification.

Delegates frontend/UI refinement to Gemini via agy CLI, using iterative vision loops and diff-gating to realign UIs to design mockups without affecting backend code.

Enables Claude Code to delegate web research and image generation to ChatGPT via Playwright browser automation, allowing token-efficient search and visual design iteration without manual screenshots.

A stateless MCP server for UI/UX design inspiration, live component discovery, and modern web micro-effects, resolving queries in real time via the Serper API.

Audits any site's UX the way a design-literate reviewer would — contrast, tap targets, type scale, colour discipline, scan patterns, copy — and returns the rule, the source line and the exact fix.

MCP server that gives AI agents browser-based access to Mobbin for design research, screen discovery, and screenshot collection through automated browser control.

AI design fidelity — compare Figma designs or screenshots against the rendered implementation and get structured discrepancies. Uses your Claude Code or Codex subscription, no API keys.

Enables coding agents to work inside a live WordPress Elementor editor tab: reading the canvas skeleton and element settings, creating/updating/moving/deleting elements through Elementor's own command API as single undo steps, taking pixel-accurate screenshots, running design lint, and receiving prompts the user types in the editor with Alt+Space. A ghost cursor and overlay let you follow along, and nothing touches the database directly.

Enables evidence-grounded web design analysis by searching GDWEB references and generating isolated, per-reference DESIGN_INDEX specification documents for LLM-driven frontend development.

Enables AI agents to conduct UX reviews of web applications, detecting and fixing AI-generated design and usability issues while preserving the original style.

Enables MCP clients to open websites, capture screenshots at multiple breakpoints, and run automated design audits for issues like overflow, small tap targets, low contrast, missing alt text, tiny text, and clipped content.

An MCP server that audits websites for accessibility (WCAG 2.1 AA/EAA), performance, SEO, design quality, and mobile responsiveness, providing actionable scores, grades, and prioritized fixes.

Provides an LLM with a real Chromium browser to perform web tasks, recording every action into a structured trace for later verification of goal completion.

Captures visual changes made with VisBug in the browser and exposes them to Claude Code via MCP, allowing developers to apply design modifications to source files directly from natural language.

Enables coding agents to examine a rendered web page by cross-checking what the browser reports about the DOM/CSS against what is actually painted in pixels, pinpointing which element is broken and the evidence why. Reports visual problems without requiring a baseline, and is designed to grow into design-token extraction and accessibility/UX audits built on Playwright.

Enables AI agents to read the user's real logged-in Chrome session, returning stability-ranked and uniqueness-verified selectors, annotated screenshots, page objects, design tokens, accessibility checks, and QA diagnostics. Actions that change the page are proposed to the user for in-page approval before anything happens.

Gives AI coding agents a ten-phase frontend design pipeline (audit, style direction, build, review, verify, perf, brand) with an exclusive style menu. Its verify_page tool loads a URL in a real Playwright browser at mobile and desktop viewports and returns screenshots, ARIA snapshots, console errors, failed requests, horizontal-overflow offenders, axe-core violations, and pointer type.

Enables an AI assistant to read course and lesson data, transcripts, PDF handouts, and progress from a digital university account, with study prompts and local resource sync. It is read-only by design, so it cannot alter attendance, completed lessons, or tests.

Converts documents, web pages, media, and more to Markdown via an MCP server with tools for conversion, inspection, vault capture, and format listing, all running locally with privacy-first design.

Enables coding agents to capture and inspect running projects, resolve real assets from free sources, and check source for design tells, providing an evidence loop for improving websites, games, and motion.

Enables AI assistants to perform automated web testing by controlling a Chrome browser to navigate, interact with pages, capture screenshots, extract console logs, and simulate mobile devices for responsive design testing.

Enables measuring a web page's design metrics from its DOM and critiquing them against reference sites you choose, returning comparison tables, actionable findings, and hero screenshots as image blocks.

Enables AI assistants to design, validate, and render WARDOGS forward operating base layouts from plain-text briefs using the wardogs.zone base builder.

Enables searching public UI design libraries (Refero, Mobbin, ScreensDesign, Dribbble) for real app and website screens, downloading them into a category-organized local library that can be searched offline, and capturing screenshots of any web page with a real browser. Works from any MCP client or as a standalone CLI.

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

A Model Context Protocol server that analyzes webpage design structures, providing detailed layout, navigation, content, form, image, and link information from a given URL.