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
598,512 tools. Updated 2026-09-22 01:23
"Resources 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
- AlicenseAqualityDmaintenance🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more763 npm32MIT
- AlicenseAqualityBmaintenanceEnables AI agents to browse, search, and read a curated library of 198 UI/UX and animation design skills across 17 categories, distilled from 10 open-source projects, with a progressive 5-step workflow for guidance.5665 npmMIT
Matching MCP Connectors
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
Design Feeds MCP.
- 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
- Turn UI screenshots into implementation notes, layout structure, design specs, or recreation prompts, making visual designs actionable for development.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
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality for iOS or Android applications.MIT
- Retrieve design-related products from Gumroad including templates, assets, UI kits, and courses. Helps designers and product makers find resources.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
- Sketch UI/design ideas by converting textual descriptions into HTML mockups. Visualize design concepts for rapid iteration.MIT
- Transform basic interface ideas into comprehensive UI/UX design specifications covering visual design, typography, colors, animations, and user experience requirements.-
- Check your UI code against design system rules to ensure consistency and identify deviations.-
- Retrieve Fluent UI design tokens for colors, typography, spacing, and other categories with optional filtering.-
- Check if your React component code conforms to Fluent UI design specifications. Provides validation results to ensure design compliance.-
- Search Nstok-ui design system UI components by name, prop, or category to locate reusable elements like DataTable and Button for app builds.-
- Retrieve all available design token categories from Visa's Design System to access structured styling resources for consistent UI development.-