Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.
MIT
524,103 tools. Updated 2026-09-06 14:24
"Resources for creating UI components" matching MCP tools:
- Retrieve default properties, specifications, and SVG templates for all component categories to discover available fields before creating new components.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- Add LPM packages to your project by extracting source files for customization. Use for UI components, blocks, templates, and MCP servers.ISC
- 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
- Attach registered scripts to multiple entities, automatically creating script components when absent to enable gameplay behavior.MIT
Matching MCP Servers
- AlicenseBqualityDmaintenanceProvides AI assistants with tools to grade, generate, and validate UI components against the components.build specification. Supports searching documentation, checking compliance, and generating framework-agnostic accessible components.1119Apache 2.0
- AlicenseAqualityBmaintenanceMCP server that exposes petal_components schemas and usage examples to AI coding assistants, enabling generation of idiomatic Phoenix LiveView markup.2501MIT
Matching MCP Connectors
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
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
- Generate UI components from popular libraries like shadcn, radix, headlessui, or material UI with support for themes, custom props, tests, stories, and framework-specific output.MIT
- 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
- List all shadcn/ui components already installed in the project, helping you track existing dependencies and decide which components to add next.MIT
- Scan local project files for reusable UI components, identifying React, Vue, and Svelte components via AST signatures and returning their names and props.MIT
- List available Gluestack UI components with their variants and features to help you choose the right components for your React Native app.MIT
- Refines React UI components based on user feedback and code context, delivering redesigned versions and implementation instructions for targeted changes.ISC
- List Penpot file components and their variants to identify available building blocks before UI generation.MIT
- Create wireframe UI mockups by stacking components like headers, buttons, and inputs. Choose device frame and theme to plan screens.MIT
- List valid values for JIRA fields like labels, priorities, statuses, issue types, resolutions, and components to use when creating or updating issues.MIT
- Analyze UI components to detect WCAG accessibility violations and get actionable fix recommendations. Improve compliance in React, Vue, or HTML files.MIT
- Browse available shadcn/ui components from the official registry. Filter by category to find components that match your project needs.MIT
- Remove installed shadcn/ui components from your project by deleting their files. Clean up unused components to keep your codebase organized.MITDestructive
- Retrieve a comprehensive list of all stackzero-labs/ui components. Use this to explore and select components for your UI development.MIT
- Refine and improve React UI components by providing redesigned versions and implementation instructions. Use for component-level enhancements based on natural language requests.ISC