Create and set up a new React project using Vite, then open it in VSCode for immediate development.
MIT
524,366 tools. Updated 2026-09-06 15:15
"Using React with Vite for Responsive Web Development" matching MCP tools:
- Prepare a React Native development server or reload connected apps, leveraging the current session's bound server. Override the binding per call with explicit runtime inputs.MIT
- Retrieve theme, Vite, and npm info for Pinoox single-app projects via the pinx fe:info command.MIT
- 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
- Generate a React project skeleton with Vite, antd, AG Grid, ApexCharts, and Tailwind, automatically wiring Figma design tokens into the configuration files.MIT
- 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
Matching MCP Servers
- AlicenseNot gradedqualityCmaintenanceA Vite plugin that provides MCP server capabilities, enabling MCP clients to interact with browser environments through adapters for console, cookies, storage, performance, and component tree inspection.184MIT
- AlicenseBqualityCmaintenanceIntegrates Zoho Projects, Git, and SonarQube to automate task management, branch creation, code quality checks, and reporting for React developers.1310MIT
Matching MCP Connectors
Web tools for agents: fetch URL as markdown (free MCP) + x402 scrape, links, AI JSON, snapshot.
Domain/IP intelligence, web page capture and search APIs
- Inspect React components at specific screen coordinates to identify UI elements and their properties during React Native development.MIT
- 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
- Create a complete project from built-in templates for React, Next.js, Node, FastAPI, static HTML, or monorepos.MIT
- Scaffold a new app from templates: static, React, API, fullstack, or SaaS with user accounts.MIT
- Scaffold a new app from static, React, API, or fullstack templates with a specified name and template type.MIT
- 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
- Align React commits with Chrome Performance trace events to identify Core Web Vitals (INP/CLS) impact from layout, paint, and style recalculations.MIT
- Create srcset and picture HTML for responsive images from a base URL, generating multiple size variants and formats for adaptive web design.MIT
- Sets up a new React project with Vite, TypeScript, Tailwind CSS, TanStack Query, and Tabler Icons at the specified path.MIT
- Get development guidelines for UI5 Web Components based on your target framework (React, Angular, or native). Consult before starting development.Apache 2.0
- Populate web forms in batch using React-compatible events for input, select, checkbox, radio, and textarea fields.MIT
- Create a Vue.js project using Vite, configure templates (Vue or TypeScript), install dependencies, and open in VSCode for immediate development.MIT
- Retrieve universal development rules and best practices for Modus Web Components to ensure consistent code quality and adherence to design system guidelines.MIT
- Inspect React component hierarchies with props and state to debug React 16+ applications.MIT
- Generate embed code for Lordicon animated icons in HTML, React, or web component formats. Provide icon family, style, and index to receive customizable snippets.MIT