"Resources and tips for high-quality web design, UI, and UX optimization" matching MCP servers:

Enables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.

An MCP server for Arabic UI/UX design, offering tools to generate design tokens, build RTL components, stitch layouts, and audit RTL compliance using Material 3 Expressive and Google Stitch.

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 AI to control Ableton Live and Max for Live, allowing music production tasks like track management, MIDI editing, and pattern generation directly from conversation.

Relays a result screenshot to Slack so you can review a coding agent's output without opening the app.

Enables async-first working practices by providing tools to draft decision docs, convert meetings to async artifacts, score status updates, and triage sync vs async tasks. It also offers reference tools for the Open and Async book's principles and coaching prompts.

Transforms basic interface ideas into comprehensive, professional-grade UI/UX design specifications with detailed styling, animations, components, and accessibility requirements for websites, apps, and other digital interfaces.

MCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.

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.

Provides AI coding assistants with on-demand access to component specs, test scenarios, accessibility requirements, and build guides from the Web UI Component Specification.

Provides Japanese UX conventions as an MCP server to help AI generate correct Japanese UI elements like proper name order, furigana, phone formats, and polite language. It includes tools for form generation, validation, keigo suggestions, and cultural adaptation for developers building Japanese-facing products.

Enables AI agents to break down complex tasks into manageable pieces using a structured JSON format with task tracking, context preservation, and progress monitoring capabilities.

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.

A zero-dependency local MCP server that audits and auto-fixes React/Next.js frontend code smells, unused imports, and responsive UI issues

A local web interface and MCP server for converting documents (PDF, Word, Excel, images, audio, etc.) to Markdown using Microsoft's MarkItDown library.

MCP server for step-by-step mathematical reasoning and planning, enabling AI agents to execute calculations and perform GUI actions like opening PowerPoint.

Search, inspect and install the 21 free MIT components of Marvelous UI (framework-agnostic Web Components and CSS) and their design tokens into a project. Runs locally over stdio with no network calls.

MCP server that gives AI agents access to current web information through web_search and fetch_url tools, using Tavily, Brave, and DuckDuckGo providers with automatic fallback.

Enables pixi-aware quality gates for linting, type checking, security scanning, complexity analysis, baselines, trend analysis, automated fixes, and comprehensive reporting through a small three-meta-tool MCP interface.

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.

MCP server that exposes the OBBBA No Tax on Tips federal deduction logic as callable tools, enabling users to check eligibility and estimate tip deductions.

A high-performance, modular MCP server with safe-by-default profiles, read-only workspace access, search, diagnostics, and benchmarking tools, built with TypeScript and the MCP v2 SDK.

Enables reading and sending messages in Google Messages for web through a paired Chrome tab using chromefile, with tools for status, listing conversations, reading message history, and sending texts.

Enables engineering leaders to query their AI assistant for quality KPIs — MTTR, MTTA, DORA metrics, defect escape rate and SLA breaches — computed from Jira bug, incident and deployment CSV exports already on hand. It delivers trends, period comparisons, hotspot findings and ready-to-share executive summaries and HTML dashboards without a BI stack or data warehouse.

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.

Enables AI agents to define variables, objectives, constraints, and budgets, then run single-objective mixed-variable genetic algorithm optimizations in isolated worker processes and receive structured, comparable results.

A TypeScript server that enhances AI assistants' capabilities when working with Starwind UI components, providing tools for project initialization, component installation, documentation access, and more.

Hybrid code quality analysis server combining fast logic-based checks with AI-powered deep analysis, offering tools for summaries, quick wins, and trend tracking.

Enables Cursor and Codex agents to audit Agent Skill structure (frontmatter, broken links, missing files), analyze dependencies for undeclared, unused or vulnerable packages via OSV, and run 28 local bug and code-quality rules with SonarQube-style A–E ratings. It can also optionally pull issues, metrics and quality-gate status from SonarQube or SonarCloud, or scan and upload results.

Imports public websites and extracts UI components and design tokens, making them available via MCP for AI coding agents to reuse in implementations.