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
442,026 tools. Updated 2026-08-11 08:03
"Resources and Tools for UI Design" matching MCP tools:
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.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
- 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
- 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
- Transform UI screenshots into code, prompts, design specifications, or descriptions. Provide an image, choose an output type, and give detailed instructions to generate the artifact.Apache 2.0
Matching MCP Servers
- 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.108MIT
- Alicense-qualityCmaintenanceEnables 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.MIT
Matching MCP Connectors
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
Decision Layer for AI Agents — 58+ tools, Advisor, MCP. Free key: POST /v1/register {}.
- Retrieve Salt Design System documentation for components, patterns, and foundations to implement accessible UI with proper usage guidelines and code examples.MIT
- Compare expected and actual UI screenshots to detect visual differences and implementation discrepancies, validating design fidelity.Apache 2.0
- Audit UI descriptions to identify neurodiversity barriers for ADHD, autism, dyslexia, and sensory sensitivities, and receive targeted inclusive design recommendations.MIT
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.MIT
- Retrieve design-related products from Gumroad including templates, assets, UI kits, and courses. Helps designers and product makers find resources.MIT
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality. Supports multiple platforms and focus areas.MIT
- Search a curated design knowledge base with natural language queries. Retrieve excerpts from expert resources on UI components, UX principles, copywriting, SEO, and design languages.MIT
- Retrieve the HTML and CSS template for any Ellis UI design system, including design guidelines and the root HTML file.MIT
- Analyze design documents, UI/UX mockups, or architectural diagrams to identify usability issues, accessibility concerns, aesthetic inconsistencies, and potential design flaws.Apache 2.0
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality for iOS or Android applications.MIT
- Convert UI design images into functional code for frameworks like React, Vue, or HTML/CSS by analyzing visual layouts and generating corresponding implementation.MIT
- Sketch UI/design ideas by converting textual descriptions into HTML mockups. Visualize design concepts for rapid iteration.MIT
- Identify UI components in a Figma design, including charts, tables, and forms, using a Figma file URL.
- Transform basic interface ideas into comprehensive UI/UX design specifications covering visual design, typography, colors, animations, and user experience requirements.