Highlight differences between marketing site and product app design systems by comparing colors, typography, and components side-by-side.
MIT
135,132 tools. Last updated 2026-05-25 22:11
"A guide to interface components in UI design" matching MCP tools:
- Search interface definitions from the iftypes.txt file in OSRS game data. Input a query to find specific UI elements, with options for pagination and result size.
- Identify existing UI components and design tokens before building new ones to prevent duplication and ensure consistency across your application.MIT
- Retrieve a list of all available shadcn/ui v4 components to understand component structure and installation.MIT
- Search iOS Human Interface Guidelines or Android Material 3 design patterns to implement platform-specific UI/UX with cross-platform code examples for Flutter and React Native.MIT
- Find design system components by their purpose to build specific UI features. Search for components like form inputs, navigation, feedback, data display, layout, buttons, progress indicators, or media elements.MIT
Matching MCP Servers
- FlicenseAqualityCmaintenanceProvides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.Last updated12343
- Flicense-qualityCmaintenanceExposes Ant Design component documentation to Large Language Models, allowing LLMs to explore and understand Ant Design components through specialized tools for listing components, viewing documentation, inspecting props, and browsing code examples.Last updated26
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
Phoenix LiveView component schemas from petal_components, exposed to AI coding assistants.
- Search design system components by name, title, or category to find UI elements like modals, buttons, and forms. Use pagination for large result sets and partial matching for precise discovery.MIT
- 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
- Converts a saved design spec into working shadcn/ui and Tailwind component code, writing files to atomic design folders.MIT
- Design, create, update, and check Roblox in-game UI components such as ScreenGui and Frame, with built-in accessibility validation.
- Retrieve a comprehensive list of all stackzero-labs/ui components. Use this to explore and select components for your UI development.MIT
- Describes the user interface layout, components, and state from a clipboard screenshot, enabling text-only AI models to understand UI content without manual file saving.MIT
- Retrieve a complete list of all design system components to understand available UI elements and their dependencies.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.ISC
- Redesign and improve React UI components by refining styling, layout, and responsiveness based on specific user feedback and file context.ISC
- Retrieve all components within a Fusion 360 design to manage assembly structure and access individual parts for modeling operations.MIT
- Find shadcn/ui components by keyword to access documentation and usage examples for building user interfaces.MIT
- Retrieve a comprehensive list of all available shadcn/ui components to explore and reference for UI development projects.MIT
- Extract design tokens, components, and structure from a Figma design by providing a URL or file ID.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