"Guide to Creating React Components" matching MCP servers:

Converts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.

Automates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.

Converts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.

Enables automated migration of Vue projects to React with intelligent analysis, task management, and learning from user modifications.

Provides 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.

MCP server that exposes petal_components schemas and usage examples to AI coding assistants, enabling generation of idiomatic Phoenix LiveView markup.

一个 Ant Design 组件查询的 mcp 服务，包含 组件文档、API 文档、代码示例、组件更新日志查询

An MCP server that runs parallel AI agents to analyze React components for performance issues, including unnecessary re-renders, memoization errors, bundle size problems, and profiling concerns.

Enables users to search parts and products across German and global retailers, inspect item details, and manage per-store shopping carts with accurate shipping, pickup options, and free-shipping thresholds.

Enables AI assistants to search, understand, and generate code for design system components by syncing and indexing a component library.

Enables agents to serve interactive Auth0 Forms as MCP Apps in a sandboxed iframe, letting users complete sign-up, consent, profile, or payment flows while the agent only receives completion status.

MCP server implementing ReAct reasoning-acting loops with tools like search, lookup, and finish, supporting both fixture and OpenAI LLMs for offline-first, traceable agent execution.

MCP server that gives AI coding agents hands, eyes and a mechanic's ear for React Native development.

Provides comprehensive tools for React Native development, automating project initialization, version management, upgrades, Expo integration, and development workflows through AI assistance.

An MCP server designed for React Native and Expo development that provides specialized tools for project scaffolding, architectural best practices, and troubleshooting. It enables AI assistants to guide users through setup, navigation configuration, and CI/CD processes using modern stacks like NativeWind and Zustand.

Enables AI assistants to query accurate, up-to-date documentation for a React component library, including component lists, search, props, allowed values, defaults, and validated JSX usage examples over stdio.

An MCP server for React Native development with Expo, offering automated code remediation, refactoring, testing, and analysis tools to accelerate development and enforce best practices.

Provides AI agents with accurate, version-aware documentation for React Native, Expo, React Navigation, and Ignite by automatically detecting project dependencies and fetching matching documentation.

Enables AI-assisted debugging of React applications by providing browser control, DOM inspection, network monitoring, React DevTools, and error analysis through natural language conversation.

Connects AI agents to a running React Native app so they can see the screen, tap and type, and inspect logs, network traffic, and state without any SDK or code changes. Composite tools let an agent run a whole interaction flow in a single call instead of one round trip per tap.

Provides comprehensive React Native development assistance with expert-level automated code remediation, security vulnerability fixes, performance optimization, and production-ready code generation. Includes testing suite generation, dependency management, and accessibility compliance tools.

An MCP server that connects to your React Native application debugger

Provides AI agents with visibility into React applications by exposing tools to inspect component state, props, and performance metrics. It enables debugging and state analysis for both web and React Native applications through the Model Context Protocol.

Converts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.

A Docker-managed MCP server for analyzing React codebases and generating component documentation from mounted workspaces. It enables users to scan projects, analyze JSX/TSX strings directly, and generate Markdown docs while ensuring safe path handling.

Enables agents to drive a running React application through typed MCP tools, using the same actions as the UI instead of browser automation.

Guides users to official WCAG and W3C resources for learning web accessibility, without providing its own explanations.

MCP server providing 33 verified Motion for React APIs with correct imports and defaults, enabling AI assistants to generate accurate animation code.

Improves AI agent task performance by providing task area segmentation, hierarchical RAG, and hybrid search capabilities.

Enables AI assistants to inspect React component trees, props, state, and source locations in Chrome, facilitating UI debugging and analysis.