466,328 tools. Updated 2026-08-19 13:13
"A resource for finding UI designers or information about UI design" matching MCP tools:
- Retrieve design-related products from Gumroad including templates, assets, UI kits, and courses. Helps designers and product makers find resources.MIT
- Switch between configure, runtime, and frontend modes to access different tool sets and resources for module design, entry management, or custom UI development.Apache 2.0
- Scan a project to inventory existing UI components for review, documentation, or design-system curation. Outputs a catalog in JSON or Markdown.MIT
- Produce detailed textual descriptions of one or more images so text-only models can reason about visual content, supporting scene/UI understanding and multi-image uploads.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- Block UI automation until a visual region changes or matches a saved baseline, returning change metrics without image overhead. Use 'matches' to confirm UI reached an approved design, ignoring animated areas via exclusion rectangles.Apache 2.0
Matching MCP Servers
- AlicenseAqualityBmaintenanceProvides comprehensive UI design assistance tools for LLMs, generating color palettes, typography, spacing systems, shadows, design tokens, and more via the MCP protocol.28MIT
- Alicense-qualityBmaintenanceMCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.122MIT
Matching MCP Connectors
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
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 auditing. 2 custom agents for architecture design and accessibility review. Auto-connects to a hoste
- Compare multiple images to get a plain-text explanation of their similarities and differences. Helps with before/after, A/B UI tests, design variants, and sequential screenshots.MIT
- Analyzes design references from URLs and images to extract colors, typography, layout patterns, and UI components. Identifies common patterns across multiple sources to inform UI/UX generation decisions.MIT
- Convert a screenshot, mockup, or wireframe image into framework-specific component code. Supports React, Next.js, Vue, Angular, Svelte, HTML, and UI libraries like shadcn/ui.MIT
- Fetch detailed design specifications for a Zeplin component, including properties, variants, layers, and design tokens. Understand the structure and styling of reusable UI elements.MIT
- Retrieve detailed information for a Ruixen UI registry item by name, including source code, examples, and related components.MIT
- Generate UI components for React, Vue, Angular, Svelte, or HTML with style audit and design context awareness. Integrates with libraries like shadcn/ui, Radix UI, and more.MIT
- Pause execution until a specified duration elapses or a UI readiness condition is met via text, selector, or snapshot reference, or until the UI remains stable for a quiet window.MIT
- Get detailed information about a Lifecycle Manager resource model by name, to inspect resource definitions for network automation and workflow orchestration.GPL 3.0
- Download design tokens from a Zeplin project or styleguide by providing its resource ID to use in UI code generation.MIT
- Analyze UI code across platforms to identify where users skip documentation and start using software immediately, helping designers create intuitive interfaces.MIT
- Get the current Windows UI element tree as XML to verify on-screen content, detect UI changes, and find element names or AutomationIds for automation.Apache 2.0
- Identify existing UI components and design tokens before building new ones to prevent duplication and ensure consistency across your application.MIT
- Reviews frontend/UI code for wasteful re-renders, accessibility flaws, and questionable design, then returns categorized issues and fixes.MIT
- Convert UI screenshots into frontend code, AI prompts, design specs, or natural language descriptions. Specify the desired output type to get tailored artifacts for UI reproduction and analysis.MIT