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
649,985 tools. Updated 2026-10-11 05:25
"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
- Search for trusted tools, articles, and resources recommended by domain experts, with explanations of their value.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
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
- AlicenseNot gradedqualityCmaintenanceMCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.158 npmMIT
Matching MCP Connectors
Mlola UI components, tokens and design rules for coding agents, with a markup checker
- Better DesignOAuth
A design harness for AI coding agents: design systems, design principles, icons and UI review.
- 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
- 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
- Turn your uploaded DESIGN.md file into a design system for your Stitch project, displaying it directly in the UI.MITDestructive
- Turn an uploaded DESIGN.md into a visual design system and display it in the UI for review.MITDestructive
- Search Apple Design pages, Human Interface Guidelines, and Design Resources. Find HIG guidance, templates, fonts, and product bezels.MIT
- Search UI design images across Dribbble, Behance, Awwwards, Mobbin, and Pinterest. Get image URLs, dimensions, and source links for specific UI terms like 'dashboard dark mode'.MIT
- Retrieve comprehensive metadata, design guidelines, accessibility specs, component APIs, and AI rules for any UI system by ID, ensuring correct design system selection and implementation.MIT
- Refine React UI components by applying targeted design improvements and returning redesigned code with implementation instructions.ISC
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality for iOS or Android applications.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
- Retrieve the HTML and CSS template for any Ellis UI design system, including design guidelines and the root HTML file.MIT