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

Enables assistants to discover, search, and extract real design systems — palettes, type scales, spacing, surfaces, and do/don't guidance — from the public style pages of styles.refero.design. It reports index coverage with every search and renders matched styles as structured design.md sections or parsed JSON tokens.

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

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.

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 a chat session's owner to reach any host through arbitrary HTTP methods with custom headers and bodies, raw TCP sockets, outbound WebSockets, and browser-grade scraping that solves challenges and discloses explicit failover routing.

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.

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