Skip to main content
Glama
343,898 tools. Last updated 2026-07-30 14:42

"Chakra UI" matching MCP tools:

  • Retrieve UI component details from libraries: source code for shadcn, props and examples for MUI, Chakra, and others.
  • Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.
    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
  • Convert a screenshot, mockup, or wireframe image into framework-specific component code. Supports React, Next.js, Vue, Angular, Svelte, HTML, and UI libraries like shadcn/ui.
    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

Matching MCP Servers

Matching MCP Connectors

  • Search public Gravity AI UI drafts and generate Gravity UI interface payloads.

  • 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