vite

by @antfu in AI & LLM

868

# Install this skill:

npx skills add antfu/skills --skill "vite"

Install specific skill from multi-skill repository

# Description

Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for production.

# SKILL.md

name: vite
description: Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for production.
metadata:
author: Anthony Fu
version: "2026.1.28"
source: Generated from https://github.com/vitejs/vite, scripts located at https://github.com/antfu/skills

Vite is a modern build tool for frontend development featuring instant server start with native ES modules, lightning-fast HMR, and optimized production builds using Rolldown/Rollup. It supports TypeScript, JSX, CSS pre-processors out of the box and has a rich plugin ecosystem.

The skill is based on Vite 6.x, generated at 2026-01-28.

Core

Topic	Description	Reference
Configuration	Config file setup, defineConfig, conditional and async configs	core-config
CLI Commands	Dev server, build, preview commands and options	core-cli
Core Features	TypeScript, JSX, CSS, HTML processing, JSON handling	core-features
Using Plugins	Adding, configuring, and ordering plugins	core-plugins

Features

Topic	Description	Reference
CSS Handling	CSS modules, pre-processors, PostCSS, Lightning CSS	features-css
Static Assets	Asset imports, public directory, URL handling	features-assets
Glob Import	import.meta.glob, dynamic imports, batch loading	features-glob-import
Environment Variables	.env files, modes, import.meta.env constants	features-env
HMR API	Hot Module Replacement client API	features-hmr
Web Workers	Worker imports and configuration	features-workers
Dependency Pre-Bundling	optimizeDeps, caching, monorepo setup	features-dep-bundling

Build

Topic	Description	Reference
Production Build	Build options, browser targets, multi-page apps	build-production
Library Mode	Building libraries with proper package exports	build-library
SSR	Server-side rendering setup and configuration	build-ssr

Advanced

Topic	Description	Reference
JavaScript API	createServer, build, preview programmatic APIs	advanced-api
Plugin API	Creating Vite plugins, hooks, virtual modules	advanced-plugin-api
Performance	Optimization tips for dev server and builds	advanced-performance
Backend Integration	Integrating Vite with traditional backends	advanced-backend

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

⚡ Amp 🚀 Antigravity 🤖 Claude Code 🦀 Clawdbot 📝 Codex ▶️ Cursor 🤖 Droid 💎 Gemini CLI 🐙 GitHub Copilot 🪿 Goose 📊 Kilo Code 🔧 Kiro CLI 💻 OpenCode 🦘 Roo Code 🌲 Trae 🏄 Windsurf

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.