"Recommendations for MCP with Encapsulated UI Component Library" matching MCP servers:

Provides two MCP servers: Variant Authority for managing component variant manifests and Radix Primitives for accessibility composition using Radix UI. Together they serve as the source of truth for design-to-code workflows.

Native Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility

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

Local, free MCP server for brand logo search and shadcn/ui component search & source lookup, requiring no API keys or login.

Gives MCP clients access to a registry of elite UI patterns, components, and motion configs with real, copy-pasteable React/TSX implementations.

Enables Figma-to-Code workflows by retrieving and calibrating real-world components from Figma designs, screenshots, and a component knowledge base, outputting component contracts and preview implementations.

Generates custom React components following Shadcn UI standards with TypeScript, Tailwind CSS, and accessibility support.

Bidirectional MCP bridge enabling AI assistants to draw UI on Figma canvas and read designs back as structured data or code tokens via localhost, requiring Figma Desktop.

Enables AI assistants to generate production-ready, professional UI design systems and components from simple descriptions, with real images, animated components, and automated quality checks.

Enables MCP clients to read design structure, take screenshots, create nodes, and edit UI directly on Figma canvas via a bridge between MCP and Figma Desktop.

MCP server for the coss ui design system, enabling AI agents to fetch components, props, and design tokens on demand for accurate, low-cost code generation.

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

Enables AI coding agents to discover, compare, select, and enforce design systems and component libraries, with installation guidance, component APIs, and strict adherence directives to prevent default substitutions.

Enables AI models to generate interactive visuals including charts, diagrams, UI mockups, and SVG graphics from plain text prompts. This Windows-based MCP server serves as an intermediary to bridge AI tools with visual output capabilities.

Enables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.

Enables AI agents to inspect Unity UI Toolkit screens, examine element structure and styles, and capture screenshots without entering Play Mode or building a Player.

Comprehensive MCP server for end-to-end UI development, offering tools to generate components, manage design tokens, audit accessibility, autofix issues, inspect live pages, compare screenshots, and more across multiple frameworks.

Generates fullstack UI component AST patches with Tailwind tokens, enabling AI agents to produce structured UI patch outputs for frameworks like v0 and Lovable.

Enables AI assistants to control Blender 3D modeling and rendering through natural language commands via the Model Context Protocol.

Enables AI coding assistants to search, discover, and retrieve UI HUB components, source code, dependencies, templates, and animations via MCP.