"Using React with Vite for Responsive Web Development" matching MCP tools:

• install_react_projectB

  MCP Terminal & Git ServerB

  Create and set up a new React project using Vite, then open it in VSCode for immediate development.

  MIT

• frontend_infoB

  pinoox-mcpA

  Retrieve theme, Vite, and npm info for Pinoox single-app projects via the pinx fe:info command.

  MIT

• doctorA

  react-native-dev-mcpA

  Diagnose React Native development environment health: OS, iOS/Android toolchains, Metro status, and project info. Use first when something fails or before device/build operations.

  MIT

• scaffold_react_projectA

  figma-to-react-mcpA

  Generate a React project skeleton with Vite, antd, AG Grid, ApexCharts, and Tailwind, automatically wiring Figma design tokens into the configuration files.

  MIT

• auditA

  Raven MCPB

  Run all applicable design checks for a target. Detects whether the surface is web, iOS, React Native, diff, or video, then runs contrast, layout, tap-target, and typography tests.

  Apache 2.0

• inspect_at_pointA

  Metro Logs MCPB

  Inspect React components at specific screen coordinates to identify UI elements and their properties during React Native development.

  MIT

• convert_figma_to_reactA

  figma-to-react-mcpA

  Convert a Figma file into a full React web project with antd, AG Grid, ApexCharts, and Tailwind CSS. Optionally export mobile screens as a React Native Expo app.

  MIT

• scaffold_from_templateA

  Zip Hive ScaffoldA

  Create a complete project from built-in templates for React, Next.js, Node, FastAPI, static HTML, or monorepos.

  MIT

• create_appA

  SlipwayA

  Scaffold a new app from templates: static, React, API, fullstack, or SaaS with user accounts.

  MIT

• create_appA

  SlipwayB

  Scaffold a new app from static, React, API, or fullstack templates with a specified name and template type.

  MIT

• render_fileA

  frameshotA

  Render a component file as an image with full dependency resolution using your project's Vite config. Auto-detects framework and saves PNG for visual validation.

  MIT

• correlate_chrome_traceA

  react-render-profile-mcpA

  Align React commits with Chrome Performance trace events to identify Core Web Vitals (INP/CLS) impact from layout, paint, and style recalculations.

  MIT

• responsive_imagesA

  mcp-image-toolsA

  Create srcset and picture HTML for responsive images from a base URL, generating multiple size variants and formats for adaptive web design.

  MIT

• check_basicsA

  golive-mcpA

  Checks web pages for pre-launch oversights: placeholder titles, missing meta description or viewport, leftover noindex/robots.txt, and mixed content.

  MIT

• react_init_projectA

  obox-mcpA

  Sets up a new React project with Vite, TypeScript, Tailwind CSS, TanStack Query, and Tabler Icons at the specified path.

  MIT

• get_guidelinesA

  @ui5/webcomponents-mcp-serverA

  Get development guidelines for UI5 Web Components based on your target framework (React, Angular, or native). Consult before starting development.

  Apache 2.0

• design_flutter_uiA

  flutter-orchestratorB

  Design Flutter screens with responsive Material 3 layouts, Riverpod/Bloc state integration, and fluid animations.

  MIT

• install_vue_projectA

  MCP Terminal & Git ServerB

  Create a Vue.js project using Vite, configure templates (Vue or TypeScript), install dependencies, and open in VSCode for immediate development.

  MIT

• generate_componentA

  UI Toolkit MCP ServerA

  Create production-ready UI components for React, Vue, Svelte, Angular, or Web Components from a natural language description using active design tokens.

  MIT

• rnw_clickA

  mcp-rnw-browserA

  Click elements in React Native Web apps using mouse events. Find elements by CSS selector, text, testID, or coordinates.

  MIT

• zmp_create_appA

  ZMP-MCPA

  Scaffold a production-ready Zalo Mini App project with React 18, ZAUI, Vite, and zero-flicker Dark Mode. Provide target directory, app name, and title.

  MIT