"Blackmagic Design" 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.

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.

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.

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

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.

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.

MCP server that exposes web page annotations to AI coding agents, enabling automated implementation of visual feedback and design tweaks.

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.

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.

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 evidence-grounded web design analysis by searching GDWEB references and generating isolated, per-reference DESIGN_INDEX specification documents for LLM-driven frontend development.