SkillsAdd

antfu/skills

vite

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.

All-time #668 Trending #1232 Hot #4924 First seen Jan 28, 2026
8-week activity · all time api

Installation

$ npx skills add antfu/skills --skill vite
View on skills.sh ↗ GitHub repository ↗

Summary

  • Next-generation frontend build tool with native ESM dev server, HMR, and Rolldown-powered production builds.
  • Fast dev server using native ES modules and hot module replacement; production builds optimized with Rolldown bundler and Oxc transformer Configuration via vite.config.ts with support for conditional configs, environment variables, and plugin API for extending build behavior Built-in features include import.meta.glob for dynamic imports, asset queries ( ?raw , ?url ), and HMR API for custom refresh logic Library mode and SSR support with ssrLoadModule and JavaScript API for programmatic builds Vite 8 introduces multi-environment API for custom runtimes and migration path from traditional bundlers

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

frontend-design Same topic
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

866.4K installs
agent-browser Same topic
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Same topic
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Same topic
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-diagnostics Same topic
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs

Security audits

Partner security reviews for this skill.

agent-trust-hub SAFE

Analyzed Mar 13, 2026

This skill provides comprehensive documentation and configuration references for the Vite build tool, covering Vite 8, SSR, and plugin development. No security issues were detected.

snyk LOW

Analyzed Mar 13, 2026

No issues detected.

socket Score 0.9000 · 0 alerts

Analyzed Mar 18, 2026

  • license 1
  • maintenance 1
  • quality 0.9
  • supply chain 1
  • vulnerability 1

0 alerts

Also in this package

Other skills from antfu/skills · top by installs.

npx skills add antfu/skills
vitest 35.1K vue 33.3K vue-best-practices 22.9K nuxt 22.4K vueuse-functions 21.1K pnpm 20.4K web-design-guidelines 18.9K vue-router-best-practices 18.4K pinia 18K vue-testing-best-practices 16.8K

Browse all from antfu/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 5.9K
License LICENSE.md
Default branch main
Open issues 9
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version2026.1.31
More metadata
author
Anthony Fu
version
2026.1.31
source
Generated from https://github.com/vitejs/vite, scripts at https://github.com/antfu/skills

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,463 B
  • docs SUMMARY.md 196 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 35,000 installs

SKILL.md

Vite

Based on Vite 8 beta (Rolldown-powered). Vite 8 uses Rolldown bundler and Oxc transformer.

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](references/core-config.md)
Features import.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR API [core-features](references/core-features.md)
Plugin API Vite-specific hooks, virtual modules, plugin ordering [core-plugin-api](references/core-plugin-api.md)

Build & SSR

Topic Description Reference
Build & SSR Library mode, SSR middleware mode, ssrLoadModule, JavaScript API [build-and-ssr](references/build-and-ssr.md)

Advanced

Topic Description Reference
Environment API Vite 6+ multi-environment support, custom runtimes [environment-api](references/environment-api.md)
Rolldown Migration Vite 8 changes: Rolldown bundler, Oxc transformer, config migration [rolldown-migration](references/rolldown-migration.md)

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