"A guide to React coding and development" 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 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.

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

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.

MCP server for coding-os, a cognitive operating system that gives AI agents memory, structure, and discipline. It exposes tools for project management, task tracking, knowledge graphs, and cognition traces to Claude Code and Codex.

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.

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

MCP server for Next2D application development that generates code following MVVM + Clean Architecture + Atomic Design patterns, validates architecture, and provides API references.

Provides AI coding assistants with code search, impact analysis, task chaining, and persistent memory to turn AI demos into deliverable code.

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

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

A server providing programming guidelines and coding standards for multiple languages, enabling access and search of best practices for C#, Go, JavaScript, Python, and TypeScript.

Enables AI agents to profile React applications, detect performance bottlenecks, and automatically apply fixes like memoization and code hoisting.

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.

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.

Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.