Fetch a compact component tree of a React Native screen with normalized tap coordinates to identify UI elements for interaction.
Apache 2.0
309,613 tools. Last updated 2026-07-28 07:19
"Resources for React TypeScript UI Components" matching MCP tools:
- Compile minimal JSON schema to Swift, bypassing TypeScript DSL. Supports intents, views, components, widgets, and full apps with low token usage.Apache 2.0
- 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
- Add LPM packages to your project by extracting source files for customization. Use for UI components, blocks, templates, and MCP servers.ISC
- 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
Matching MCP Servers
- AlicenseCqualityDmaintenanceProvides AI-powered tools to apply UX/UI best practices, Nielsen's heuristics, cognitive biases, and Material-UI patterns to React components. Enables automated application of responsive design, Apple design patterns, and complete UX guidelines through natural language commands.Last updated724MIT
- 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.Last updated116Apache 2.0
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
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
- Generates a custom React hook for an Appo SDK feature. Returns TypeScript code with types, error handling, and loading states.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 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
- Scan a project directory to identify existing UI components by AST signature, enabling reuse across React, Vue, or Svelte files. Returns a list of components and the detected framework profile.MIT
- Retrieve a list of all available shadcn/ui v4 components to understand component structure and installation.MIT
- Search framework-specific UI/UX guidelines and best practices for Flutter, React, Vue, SwiftUI, and other development stacks to implement component patterns and state management.MIT
- Scan directories and files to analyze React component props, filter by component name or prop, and retrieve TypeScript type information.MIT
- Search for company logos and retrieve them as React components (JSX/TSX) or SVG markup for UI development projects.ISC
- Inspect React components at specific screen coordinates to identify UI elements and their properties during React Native development.MIT
- List available Gluestack UI components with their variants and features to help you choose the right components for your React Native app.MIT
- Map frontend component hierarchies and data flow for React, Vue, Angular, or Svelte features. Identify prop drilling and god components from props and state management patterns.MIT
- Converts HTML and Tailwind code into React/Next.js components with state, props, hooks, and optional shadcn, Radix, or MUI component mapping.MIT
- Analyzes UI components for WCAG compliance and provides actionable fix recommendations.MIT