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

Enables MCP clients to browse, customize, and compose UI components, design tokens, site content, and a UI/UX spec into standalone pages. Also supports searching components and retrieving specs, resources, and prompts for page generation.

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.

MCP server providing AI coding assistants with documentation and source code for @gaddario98 React packages, including tools for listing packages, retrieving docs and types, and searching source.

一个 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 AI agents to access and manage project guidelines, documentation, and context through a structured content system with template support and workflow management.

A beginner-friendly Model Context Protocol (MCP) server that helps users understand MCP concepts, provides interactive examples, and lists available MCP servers. This server is designed to be a helpful companion for developers working with MCP. Also comes with a huge list of servers you can install.

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 any MCP client to search, read, and install free Aura components, agent skills, images/clips, and DESIGN.md systems straight from the public catalogue over stdio, with no account, OAuth, or API key needed. It also returns install plans, token starters, starter kits, and trending/category data so agents can assemble landing pages and UI sections in a few calls.

Provides access to clean code guide documents and enables code quality inspection of external project files based on coding standards and best practices.

Enables AI agents to inspect why React components re-rendered, replay recorded browser interactions as performance scenarios in headless Chrome, and verify fixes against performance budgets.

Exposes Ant Design component documentation to Large Language Models, allowing LLMs to explore and understand Ant Design components through specialized tools for listing components, viewing documentation, inspecting props, and browsing code examples.

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.

Streams live React profiler data to AI agents, enabling them to analyze performance and suggest specific, actionable fixes for slow components.

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

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.

Converts Figma designs into production-ready React components with design token extraction, widget registry integration, and micro-frontend module generation.

An MCP server that transforms books into agent-callable skill packages, enabling AI agents to use books as guides for evidence, procedures, and tutoring.

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.

react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts