This skill covers Vite's build tooling with focus on the upcoming Vite 8 release that switches from esbuild to Rolldown bundler and Oxc transformer. You get configuration patterns, the plugin API for creating custom plugins, SSR setup, and the newer Environment API for multi-environment builds. The references walk through practical things like import.meta.glob, asset queries, HMR integration, and library mode. If you're building Vite plugins, setting up SSR, or migrating existing projects to Rolldown, this has the specifics. Created by Anthony Fu, who maintains a lot of the Vite ecosystem tooling, so the examples reflect real world usage patterns.

skills.sh installs
2.5K
GitHub stars
723
last updated
Aug 21, 2026

Install

$ npx -y skills add onmax/nuxt-skills --skill vite --agent claude-code

Installs into .claude/skills of the current project.

Files

Vite

Based on Vite v8.3.5 (Rolldown-powered), generated at 2026-11-05. 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

TopicDescriptionReference
Configurationvite.config.ts, defineConfig, conditional configs, loadEnvcore-config
Featuresimport.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR APIcore-features
Plugin APIVite-specific hooks, virtual modules, plugin orderingcore-plugin-api

Build & SSR

TopicDescriptionReference
Build & SSRLibrary mode, SSR middleware mode, ssrLoadModule, JavaScript APIbuild-and-ssr

Advanced

Sponsors

Details

Repository
github.com/onmax/nuxt-skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD
First seen
May 16, 2026

More from onmax/nuxt-skills

All 21
1onmax avatardocument-writeronmax/nuxt-skillsUse when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC co2.1Kskills.sh installs
2onmax avatarwriting-web-documentationonmax/nuxt-skillsWrite, rewrite, review, and organize developer-facing documentation for web software projects. Use when creating or improving README files, docs homepages, quic965skills.sh installs
3plugin87 avatardesign-tokensplugin87/ux-ui-agent-skillsGenerate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). Use when the user wants a color palette585skills.sh installs
4plugin87 avatarapply-aestheticplugin87/ux-ui-agent-skillsApply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 138 named design systems (apple, linear-577skills.sh installs
5plugin87 avatardesign-qaplugin87/ux-ui-agent-skillsSet up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across variants/states/themes/RTL, and the manua560skills.sh installs
6plugin87 avatarperformanceplugin87/ux-ui-agent-skillsOptimize UI performance against Core Web Vitals — LCP, INP, CLS — with loading/code-split strategy, layout-shift prevention, and animation performance rules. Us528skills.sh installs