"How to test a React app" 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.

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

Provides component information, usage guidelines, and code generation for AWS Cloudscape Design System in React, with search and pattern library capabilities.

Enables MCP/AI clients to read project state and execute protected PCB operations in EasyEDA Pro via a local Bridge and official extension APIs.

Transform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.

Search, view, add, diff and update labsUI React components in a Next.js + Tailwind v4 project, and check its setup with doctor. Components are copied into your repo as plain TSX you own.

Gives AI coding assistants live access to the Hyperiux Vault catalog of React and Next.js animation effects. Search effects, inspect dependencies and installation instructions, and retrieve source for free effects.

MCP server for appCN - discover, search, install, and correctly use copy-paste React Native / Expo UI components (including an AI-native collection) from the live registry

A read-only MCP server for reading and analyzing Lanhu (Blue Lake) design projects, providing tools to retrieve design lists, previews, node trees, schemas, and exportable resources.

Lets Claude Code, Cursor, VS Code and other AI agents draw and edit draw.io diagrams from your project's files, on a live browser canvas you can also edit by hand. Includes version history, undo, cloud shape libraries (AWS, Azure, GCP) and PNG or SVG export.

FastMCP-based tool for extracting UI component code from Uiverse.io, supporting HTML/CSS, React, Vue, Svelte, and Lit frameworks.

MCP server that lets an LLM agent drive StableProjectorz, a 3D modeling app, by inspecting the loaded model, app state, viewport screenshots, and triggering UI actions via a loopback socket bridge.

MCP server for the Lando Labs Design System, enabling AI agents to introspect and generate code for React components, hooks, icons, design tokens, and theme presets via 15 tools.

Lets AI agents browse, inspect and install Bladewell's Blade + Tailwind CSS v4 UI widgets in a Laravel app: list components, read their props and examples, check which installed files are out of date or edited, and add widgets (dry run by default). Runs inside the app with php artisan bladewell:mcp.

Compares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.

An intelligent MCP server for Google Stitch that generates production-ready UI from text prompts, with auto-orchestration of design systems, WCAG accessibility, responsive breakpoints, and framework conversion (React, Vue, Svelte).

Enables AI agents to spin up a fake After Effects bridge server, script its responses, and inspect incoming client requests for testing bridge client code without a real After Effects installation.

Provides AI assistants with comprehensive access to Gluestack UI components, source code, and examples for React Native development.

Extracts SVG icons from Figma and generates React TSX icon components automatically, enabling AI assistants like GitHub Copilot and Claude to manage icon workflows.

Enables developers to generate polished, customizable React UI components from natural language prompts and add them directly to projects in supported IDEs.

Enables Codex to inspect a native After Effects project, make scoped edits, and render frames for review through a local macOS bridge. It exposes MCP tools that drive a named After Effects worker without requiring an in-app panel or separate chat client.

Enables local Draw.io diagram creation, editing, and export via MCP tools, using the desktop app.

Enables AI assistants to architect and build Awwwards-level websites with spring physics, design systems, React 19 templates, and HD visual inspection.

Bridge Figma designs to any platform with structured specs for Unity, React, Flutter, SwiftUI, and more, including layout audit, design tokens, and accessibility checks.

Maps design components, tokens, and patterns to their code implementations, providing AI coding agents with exact-match resolution across any design tool and framework. Enables agents to reliably discover and reuse existing components across React, Vue, Flutter, SwiftUI, and more.

Enables AI assistants to retrieve React, Svelte, Vue, and React Native component source code, demos, blocks, and metadata for building UIs in AI-powered development workflows.

Provides Figma integration, accessibility auditing, and React code generation tools.

MCP server for Blender that connects to the official Blender Lab add-on, exposing 27 tools for scene manipulation, object editing, materials, rendering, and Python execution through the add-on's actual wire protocol.

Design system MCP server. 20 tools: extract design tokens from any URL, pull from Figma or Penpot, generate React + shadcn/ui components from specs, run WCAG audits, sync tokens bidirectionally.

Provides UI architecture analysis for converting Figma designs or web pages into reusable UI code blocks with effort estimation in CSV format.