Skills
.Work. You
Rest

vite-core-architecture

Official

Understand Vite architecture for reliable builds.

Software Engineering#architecture#vite#dev-server#esm#build-pipeline#rolldown#pre-bundling
AuthorOpenAEC-Foundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Vite's two-mode architecture (dev server vs production build) can be confusing and lead to misconfigurations during project setup; this Skill clarifies how these modes interact, why the distinction matters, and how it impacts workflow decisions.

Core Features & Use Cases

  • Explain dev-server vs build-time behavior, including native ESM serving and the absence/presence of bundling.
  • Compare side-by-side the roles of pre-bundling, bundling, and minification across Vite versions (5–8) and their impact on performance and output.
  • Provide guidance for project scaffolding, debugging performance, and educating teammates about Vite internals.

Quick Start

Create a new Vite project scaffold and read this guide to align your setup with dev-server and build pipeline best practices.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vite-core-architecture
Download link: https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer/archive/main.zip#vite-core-architecture

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.