"User Interface Design or Concepts" matching MCP servers:

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.

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

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.

Enables end-to-end testing of voice-enabled web applications by simulating a synthetic user with a virtual microphone, virtual speakers, a real browser, and a viewable display, allowing audio injection, speech capture/transcription, and browser automation.

Perplexity AI search, reasoning, research, and compute - MCP server, dashboard, and multi-IDE auto-config for VS Code.

Enables automated product management on Shopee, TikTok Shop, and Lazada by controlling an existing Chrome or Edge browser session, intercepting internal APIs for fast updates, and pausing for captcha resolution.

Web Content Retrieval (full webpage, filtered content, or Markdown-converted), Custom User-Agent, Multi-HTTP Method Support (GET/POST/PUT/DELETE/PATCH), LLM-Controlled Request Headers, LLM-Accessible Response Headers, and more.

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.

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.

A powerful Model Context Protocol (MCP) server for scraping Behance.net. Extract projects, user profiles, images, and job listings from Behance's creative community without any API keys or subscriptions.

Enables AI agents to automate a browser-based kinetic typography and video editing interface, including loading lyrics, choosing styles, setting BPM, clicking controls, capturing previews, and exporting MP4 or transparent PNG sequences.

Enables AI agents to control the user's Chrome or Firefox browser, leveraging existing sessions for tasks requiring authentication and user handoff.

Drives the real Claude Design web app from your editor or agent, enabling creation, iteration, and retrieval of designs generated on your own claude.ai account via automated browser interaction.

A human-in-the-loop browser MCP server that pauses for user actions like login or CAPTCHA, saves and reuses authentication contexts, and extracts page data for development assistance.

Enables publishing text or image posts to LinkedIn through the official API and preparing or submitting simplified job applications using a secure local browser session, with user confirmation and privacy safeguards.

Enables an AI agent to interact with the user's current Firefox or Chromium browser under per-site policies, allowing it to list tabs, read pages, take screenshots, fill fields, and click with user confirmation.

Enables AI coding agents to inspect active authenticated browser sessions and runtime state, capture user breadcrumbs and network/error telemetry, and generate Playwright/Cypress tests or MSW mock handlers through standard MCP tools.

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.