skills.rest
onmax
onmaxCOMMUNITY
Explore all skills by this author →
Website𝕏@_onmaxGitHub

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
One-click install
npx skills add https://github.com/onmax/claude-config --skill vite-onmax
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
wilstowilsto

doc-generate

Scan a codebase to generate markdown documentation for architecture, APIs, and onboarding.

Community
Advanced
trystan2ktrystan2k

vite

Configure Vite projects via vite.config.ts for development and production builds.

Community
Advanced
KurrawongKurrawong
1

vite

Create and build frontend projects with Vite's dev server and production builds.

Official
Intermediate
mymx2mymx2
4

vite

Configure Vite 8 build pipelines with Rolldown and Oxc.

Community
Advanced