vite

Configure Vite dev servers, HMR, and production builds via CLI.

Updated Jan 2, 2026

Search Tags:#frontend #dev server #vite #bundling #build tool #hmr

Ready to run

npx skills add https://github.com/onmax/claude-config --skill vite-onmax

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/onmax/claude-config/tree/main/skills/vite
Command: npx skills add https://github.com/onmax/claude-config --skill vite-onmax

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines frontend development by providing a fast, efficient build tool for modern web projects, handling everything from development servers to production builds.

Core Features & Use Cases

Fast Dev Server: Offers native ESM support and Hot Module Replacement (HMR) for instant feedback.
Optimized Builds: Configurable builds for Single Page Applications (SPAs), Multi-Page Applications (MPAs), libraries, and Server-Side Rendering (SSR).
Plugin System: Extensible architecture for custom build logic and integrations.
Use Case: Quickly set up a new Vue.js project with a development server, hot reloading, and optimized production builds.

Quick Start

Use the vite skill to create a new project named 'my-app'.

Frequently Asked Questions about vite

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I set up a new frontend project with a Vite dev server?▼

Vite builds frontend projects using a native ESM dev server for development and Rolldown-powered builds for production. It handles Single Page Applications (SPAs), Multi-Page Applications (MPAs), libraries, and Server-Side Rendering (SSR).

Can I configure production builds for SSR and MPAs?▼

Yes, Vite supports configurable production builds for Single Page Applications (SPAs), Multi-Page Applications (MPAs), libraries, and Server-Side Rendering (SSR). This is managed through Vite CLI and configuration files.

How does Hot Module Replacement work with native ESM?▼

Vite supports an extensible plugin system architecture, allowing developers to author custom plugins. This enables custom build logic and integrations within the Vite configuration file.

What is the best way to add custom build logic to a Vite project?▼

To set up a new frontend project, use the Vite CLI to scaffold an application. This initializes a project structure with a native ESM dev server, providing instant feedback and Hot Module Replacement (HMR) during development.