"Resources for Frontend and UI Design" matching MCP servers:

Enables frontend navigation and browser automation through a deterministic MCP server, integrating Browser Use and optional code graph hints for coding agents.

Web scraper and token compressor that converts HTML to clean markdown with 70-80% fewer tokens. Single-page compression and multi-page BFS crawling with auto-fallback fetch modes.

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

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

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

Enables browsing and reading curated design and photography feeds, as well as fetching any RSS/Atom/RDF feed with robust fallback.

Enables AI agents to drive Playwright-based browser automation for UI testing, returning JSON/HTML reports with screenshots without server-side LLM or test scripts.

KoliBri - the accessible Web Components library.

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 Claude Desktop to connect to Anthra Studio for AI-powered web design generation and multi-page suite management via the Model Context Protocol.

Enables developers to search and retrieve captured UI and interaction cases by their intended purpose during coding sessions, making reproduced design references directly available to coding agents.

Searches top design platforms like Dribbble and Behance to provide UI inspiration, color palettes, and layout patterns via the Serper API. It allows users to retrieve visual references, articles, and style guides directly within any MCP-compatible client.

Gives Claude control of a real, headed Chromium browser via Playwright, enabling web navigation, clicking, typing, screenshots, and JavaScript evaluation.

Automatically crawls documentation websites, converts them to organized markdown files, and generates condensed cheat sheets. Intelligently categorizes content into tools/APIs and provides local-first access to downloaded documentation.

Enables AI agents to drive real Google Chrome with stealth and captcha handling, using Patchright to avoid bot detection.

Enables searching for upcoming academic conferences and events from WikiCFP by keywords, returning detailed information including dates, locations, submission deadlines, and related resources.

An Operit-compatible adapter of the Exa MCP server, enabling web search, code search, and company research capabilities in AI assistants. It fixes MCP handshake compatibility issues, allowing tools like web_search_exa and web_fetch_exa to load and run reliably.

A fault-tolerant, stealth-enabled Model Context Protocol (MCP) server for web searching and content fetching. Built for AI Agents (Cursor, Claude Code, OpenCode), it uses a stealth browser engine to fetch pages, dynamically handles SPAs/React, and converts bloat into token-optimized Markdown.

Compares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.

MCP server for UI research that helps agents discover visual patterns, generate original HTML/CSS components, and track deliverables without copying third-party code.