"shadcn/ui" matching MCP servers:

Provides AI models with structured design guidelines and system prompts for creating consistent, high-quality interactive visualizations like charts, diagrams, and mockups. It enables on-demand loading of UI specifications to optimize token usage while ensuring visually polished and functional widget generation.

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.

Enables AI assistants to discover, document, and generate React code using the pastel-themed Baby Design UI component library. It provides tools for retrieving design tokens and component specifications to streamline the development of user interfaces.

A comprehensive template for building MCP servers that expose UI component registries and design systems to AI assistants. It enables users to browse, fetch, and retrieve implementation details from registries following the shadcn/ui format.

Enables AI agents to generate and edit draw.io diagrams with real-time browser preview.

Enables auto-configuration and validation of React components against a glassmorphic design token system using an AST correction engine. It supports managing UI presets, enforcing design uniformity in Monaco IDE, and exporting tokens as CSS, Tailwind, or JavaScript variables.

MCP server for AI Diagram Maker — generate software engineering diagrams from natural language, code, ASCII diagram, images, or Mermaid. Inline diagram rendering using MCP apps UI and diagram URL in responses. Works with Cursor, Claude Desktop, Claude Code, and any MCP-compatible AI.

Enables MCP agents to validate architecture descriptions and scaffold complete, interactive React Flow diagram applications with multiple visual dialects, themes, exports, and verification probes.

Gives terminal coding agents a local browser canvas for rendering charts, tables, metrics, markdown, live widgets and sandboxed MCP App UIs that would otherwise reach them as raw JSON. Lets agents pose blocking visual multiple-choice questions and read back the user's clicks, selections and an animated architecture map of file activity.

Provides UI architecture analysis for converting Figma designs or web pages into reusable UI code blocks with effort estimation in CSV format.

Enables AI agents to interact with Figma to create, read, and manage designs using the Figma REST API and a dedicated plugin. It supports advanced features like UI generation from text, webpage reconstruction in Figma, and design token synchronization with codebases.

Generate 25+ types of hand-drawn Excalidraw diagrams - flowcharts, sequence, architecture, mind maps, ER, UML, kanban, bar/line/radar charts - from structured input with Sugiyama auto-layout and CJK support. Reads and modifies .excalidraw files, exports SVG. Python, local, no API keys required.

Automatically generates compelling application specifications and code based on the four dimensions (existence, historicity, relationality, irrationality), simplicity, and Figma-like UI, enabling users to create great apps without detailed instructions.

Enables an AI assistant to author algorithm storyboards, workflow maps, and UI styling through MCP, serving a local web app for visualizing and reviewing them.

A design orchestrator that brings Superdesign capabilities to Claude Code as native tools, enabling AI-powered UI design, wireframing, component creation, and logo/icon generation without requiring Anthropic API keys.

Analyzes runtime data objects to suggest optimal UI component instructions for a low-code renderer using structural heuristics. It automatically maps data patterns to specific UI elements like tables, carousels, and cards to streamline interface generation.

An MCP server implementing Spec-Driven Development workflows for AI-agent CLIs and IDEs like Claude Code and Cursor, enabling spec-first development with automated workflow guidance and quality checks.

Local-first MCP server that gives AI assistants codebase intelligence—code graph, drift analysis, vulnerability attribution, and version-correct library docs—all from the user's machine.

Professional AI-powered architecture diagram generator with multi-cloud support and MCP server integration. Generates beautiful, accurate diagrams with provider-specific icons for AWS, Azure, GCP, Kubernetes, and more.

Enables AI agents to query architecture context, data contracts, and blast radius to prevent cross-repo architectural breakage before merging.