Transform basic interface ideas into comprehensive UI/UX design specifications covering visual design, typography, colors, animations, and user experience requirements.
114,411 tools. Last updated 2026-04-21 09:24
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality for iOS or Android applications.MIT
- Refines and improves React UI components by redesigning them based on user feedback, providing updated code and implementation instructions for better styling, layout, or responsiveness.
- Redesign and improve React UI components by refining styling, layout, or responsiveness based on user input. Returns updated components and implementation instructions for precise enhancements.
- Redesign and improve React UI components by refining styling, layout, and responsiveness based on specific user feedback and file context.
- Analyze design documents, UI/UX mockups, or architectural diagrams to identify usability issues, accessibility concerns, aesthetic inconsistencies, and potential design flaws.Apache 2.0
Matching MCP Servers
- -securityAlicense-qualityEnables 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.Last updatedMIT
- AsecurityAlicenseAqualityA TypeScript server that enhances AI assistants' capabilities when working with Starwind UI components, providing tools for project initialization, component installation, documentation access, and more.Last updated69434MIT
Matching MCP Connectors
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
AI development agent using Kendo UI to rapidly create and style quality web UIs or Pages.
- Find shadcn/ui components by keyword to access documentation and usage examples for building user interfaces.MIT
- Access detailed UI component design specifications for buttons, cards, forms, and navigation using modern 2026 best practices to implement consistent, accessible web interfaces.
- Discover available UI components in your design system or Storybook. View component names, categories, and stories to identify elements for building interfaces. Filter by category or use pagination for large libraries.MIT
- Search for UI components including icons and chart types to enhance design projects. Find suitable icons for interfaces and select appropriate charts for data visualization needs.MIT
- Click buttons, links, or interactive elements on web pages using CSS selectors or visible text. Automatically waits for page updates after clicking to navigate interfaces, open modals, or trigger UI actions.
- Generate React UI component snippets from user requests—e.g., buttons, forms, or tables. Use this tool to quickly create component code, then manually integrate snippets into your codebase for tailored UI development.
- Retrieve guidelines for creating UI components, including patterns and preferences, to ensure consistent design and implementation from the start of development.
- Generate React UI component code snippets from natural language requests, then integrate them into your codebase for streamlined UI development.
- Generate ASCII art previews of UI layouts and components to visualize page designs before writing code.MIT
- Retrieve available Ant Design UI components to integrate into your codebase. This tool provides the component list needed for building user interfaces.MIT
- Capture webpage screenshots to visually analyze design issues, layout problems, and UI quality for frontend development and accessibility testing.MIT
- Capture current UI state with screenshots and element properties to analyze mobile app interfaces for testing and debugging purposes.MIT
- Remove a UI Builder page from ServiceNow using its sys_id to manage application interfaces and maintain system organization.MIT
- Create UI designs in Figma from text descriptions by parsing prompts for common patterns like headers, cards, forms, and footers.
- Build a UI frontend for Aptos dApps by generating resources from frontend directories. Use this tool for guidance on developing dApp interfaces on the Aptos blockchain.
- Retrieve UI actions like buttons and context menus for ServiceNow tables to customize user interfaces and workflows.MIT
- Extract detailed information about a specific UI element from an Xcode UI hierarchy JSON file by providing its index, enabling targeted analysis of UI components during testing.Apache 2.0
- Provides UI animation best practices for timing, easing, and purpose to enhance user experience in web design.
- Map base colors to semantic UI roles like primary, secondary, and error while ensuring WCAG accessibility compliance for web, mobile, or desktop applications.MIT
- Retrieve a complete list of UI components from the Magic UI library to implement web application interfaces with marquees, animations, and interactive backgrounds.MIT
- Retrieve all available Flux UI components to access documentation and examples for the design system.MIT
- Retrieve all available shadcn/ui components to explore options for building user interfaces with documented examples and usage details.MIT
- Generate UX/UI validation checklists for React components using Material-UI patterns and established design principles.MIT
- Browse available React components and filter by category to find UI elements for building interfaces with its-just-ui.MIT
- Generate UI components with modern best practices for React, Vue, or Angular frameworks, including accessibility features and responsive design options.MIT
- Find shadcn/ui components by keyword to access documentation and examples for building interfaces.MIT
- Find Flux UI components by keyword to access documentation and examples from the design system.MIT
- Combine multiple its-just-ui React components into structured layouts for building complex user interfaces. Specify components and choose vertical, horizontal, or grid arrangements.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
- Initialize a new project with Starwind UI components using your preferred package manager to start building interfaces quickly.MIT
- Generate UI designs, wireframes, components, logos, or icons from text prompts for Claude Code development projects.
- Find design tokens by name or value to access Visa's Product Design System resources for consistent UI implementation.
- Apply comprehensive UX/UI guidelines including responsive design, Material-UI patterns, Apple design principles, Nielsen heuristics, and cognitive biases to React components.MIT
- Create mobile UI layouts with specified orientation for automation scripts, enabling structured interface design for device control.
- Create UI controls, apply themes, manage layouts, and list elements in Godot projects to build user interfaces programmatically.MIT
- Generate UI components for DHIS2 applications using the official UI library. Create forms, tables, dashboards, and other interface elements with built-in data integration, validation, and responsive design features.MIT
- Simulate user clicks on mobile UI elements by specifying element IDs or selectors for automated testing and interaction.
- Display UI dialogs in mobile automation workflows to present information or gather user input during script execution.
- Analyze UI/UX interfaces to identify issues and provide improvement recommendations based on framework compatibility, target audience needs, and design requirements.MIT
- Access Grafana UI components, documentation, themes, and metadata to build Grafana-compatible interfaces with React components, Storybook examples, and design tokens.MIT
- Generate ASCII art previews of UI layouts and components to visualize designs before coding implementation.MIT
- Identify existing UI components and design tokens before building new ones to prevent duplication and ensure consistency across your application.MIT
- Search for visual design elements including UI styles, color palettes, typography pairings, and AI prompts to find CSS code, color values, and font configurations for design projects.MIT
- Retrieve UI element details from annotated web pages to identify components users describe, providing names, selectors, positions, and sizes.MIT
- Search design platforms like Dribbble and Behance for UI inspiration, case studies, and design system documentation to inform your creative projects.MIT