Vite

SkillDev tools

Lets your agent configure and troubleshoot Vite projects, including plugins, SSR builds, and migrating to Vite 8.

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the Vite skill

About this skill

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

What this skill tells your AI

The instructions your AI receives, as published by antfu/skills in skills/vite/SKILL.md and read by ahel’s review.

Based on Vite v8.3.1 (Rolldown-powered), generated at 2026-09-25. Vite 8 uses the Rolldown bundler and the Oxc transformer instead of esbuild + Rollup.

Vite is a next-generation frontend build tool with fast dev server (native ESM + HMR) and optimized production builds.

Preferences

Use TypeScript: prefer vite.config.ts
Always use ESM, avoid CommonJS

Core

Topic	Description	Reference
Configuration	`vite.config.ts`, `defineConfig`, conditional configs, `loadEnv`	core-config
Features	`import.meta.glob`, asset queries (`?raw`, `?url`), `import.meta.env`, HMR API	core-features
Plugin API	Vite-specific hooks, virtual modules, plugin ordering	core-plugin-api

Build & SSR

Topic	Description	Reference
Build & SSR	Library mode, SSR middleware mode, `ssrLoadModule`, JavaScript API	build-and-ssr

Advanced

Topic	Description	Reference
Environment API	Vite 6+ multi-environment support, custom runtimes	environment-api
Rolldown Migration	Vite 8 changes: Rolldown bundler, Oxc transformer, config migration	rolldown-migration

Quick Reference

CLI Commands

vite              # Start dev server
vite build        # Production build
vite preview      # Preview production build
vite build --ssr  # SSR build

Common Config

import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [],
  resolve: { alias: { '@': '/src' } },
  server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
  build: { target: 'esnext', outDir: 'dist' },
})

Official Plugins

@vitejs/plugin-vue - Vue 3 SFC support
@vitejs/plugin-vue-jsx - Vue 3 JSX
@vitejs/plugin-react - React with Oxc/Babel
@vitejs/plugin-react-swc - React with SWC
@vitejs/plugin-legacy - Legacy browser support

Signals

GitHub stars: 6k
Forks: 335
Last commit: Sep 2026

ahel review

K1binfo
installs-packages (in references/rolldown-migration.md)

Automated review, not a security audit. Ruleset v1+k2.

Others that do the same job

vite
Skill · a5c-ai

Advanced

Item type: skill
Key: vite-antfu
Source: github.com/antfu/skills

github.com/antfu/skills

Vite

What this skill tells your AI

Preferences

Core

Build & SSR

Advanced

Quick Reference

CLI Commands

Common Config

Official Plugins

Signals

ahel review

Others that do the same job

Related picks