"Resources and Assistance for Website Design, Frontend UX Flow, and Backend Design" matching MCP servers:

Enables AI coding agents to search public design-system catalogs and retrieve only the relevant tokens or sections for a chosen brand, so generated UI matches a specified visual style instead of generic AI output.

Provides 8 MCP tools for frontend design: load design system, generate components, scaffold pages, review consistency, extract tokens, check WCAG 2.2 AA, test responsiveness, and export to Figma.

Provides mobile UI/UX design intelligence tools for Flutter and React Native, enabling app research, palette extraction, WCAG contrast audits, touch target validation, tech stack detection, and generation of icons, splash screens, and theme code.

MCP server with 12 tools for design, UX, conversion, and product knowledge from Frontend Masters courses by Paul Boag and Sarah Drasner, enabling audits, accessibility checks, layout recommendations, and more.

Bridges Claude Design projects into existing Claude Desktop sessions by fetching code files, chat history, and project bundles.

Provides local MCP tools for Cursor Agent to manage a live HTML artboard preview, including opening the artboard and revealing the design folder.

This MCP server renders UI design artifacts headlessly, runs deterministic linters, and manages stateful design review loops with an independent vision critic.

Provides read-only access to over 100 UX/UI design checklists from Checklist.design, enabling users to search and retrieve design guidance for specific flows and screens. Runs locally without an API key.

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

Provides comprehensive UI design assistance tools for LLMs, generating color palettes, typography, spacing systems, shadows, design tokens, and more via the MCP protocol.

A local stdio MCP server that enables AI coding tools to search and retrieve reusable interactive and motion design parts from a design-notes library, returning each part's notes, anchors, extracted parameters, and the absolute path to its self-contained index.html source. It also serves the original README provenance and source URLs for a given note.

Generates randomized English Markdown frontend design directions using curated catalogs, with optional soft compatibility scoring. Does not call an LLM.

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.

Exposes iDRAC design-system knowledge via a single get_component tool, currently returning placeholder data for known components.

Enables high-craft web design and engineering through OKLCH color systems, fluid typography, Three.js 3D scenes, frontend security audits, multi-viewport capture, and Python-backed design verification.

An MCP server that drives Anthropic's Claude Design from agentic coding CLIs, providing tools to create, generate, iterate, and export design systems without a browser.

Unofficial stdio MCP proxy for Anthropic's Claude Design MCP. Enables using Claude Design with any MCP host like Cursor, Claude Code, or Codex.

MCP server for Next.js design overlay, enabling AI agents to query visual UI tasks, fetch annotated snapshots, and mark tasks as resolved.

Creates a local MCP runtime for design-system repositories, enabling AI coding agents to look up and use real components, icons, and tokens instead of guessing.