Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.
MIT
306,570 tools. Last updated 2026-07-25 14:25
"A guide to interface components in UI design" matching MCP tools:
- Scan a project to inventory existing UI components for review, documentation, or design-system curation. Outputs a catalog in JSON or Markdown.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- List connected Figma files or trigger a sync to bring design tokens, components, and page structure into Contextium libraries.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
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.Last updated227MIT
- FlicenseAqualityDmaintenanceProvides 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 updated12273
Matching MCP Connectors
Carbon Interface MCP — Carbon Interface API (v1)
Guide user-led frontend design decisions from project brief through implementation review.
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.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
- Generate SVG or PNG mockup images of UI screens and components in wireframe, mockup, or component preview modes.MIT
- 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.
- Retrieve resolved design system context before building UI. Pass category for full detail on tokens, components, or conflicts, or filter by token category to understand existing design rules.Apache 2.0
- Identify existing UI components and design tokens before building new ones to prevent duplication and ensure consistency across your application.MIT
- Fetch design system rules as markdown to reuse tokens and components instead of hardcoding. Read before drawing for design consistency.MIT
- Retrieve a list of all available shadcn/ui v4 components to understand component structure and installation.MIT
- List all installed packages that provide Panel UI components to discover available packages for search, listing, and parameter operations.BSD 3-Clause
- Retrieve reference guides for specific components in HoloViz or custom projects. Specify a component name to get its documentation directly.BSD 3-Clause
- Generates a cost-aware design brief for coding agents tasked with UI design, polish, audit, or refactoring. Returns structured JSON with mission, rules, and controls.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
- 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 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