PlugWiki

vite Skill for Claude Code: Vite 8 Config, Plugins and SSR

Gives Claude reference notes on Vite 8: config, plugin API, SSR, library mode and the Rolldown migration.

Installs
40.8K
on skills.sh
Stars
6K
on GitHub
Files
7
besides SKILL.md
Updated
Oct 2026
last repo commit

The vite skill is a reference pack for Vite projects, written by Anthony Fu from the Vite docs. It tells Claude to use TypeScript config and ESM, and it points to guides for configuration, features, the plugin API, SSR and library builds, the Environment API and the Vite 8 migration.

It bundles six reference files and no scripts. SKILL.md says it is based on Vite v8.3.1. The README calls the repo a proof of concept and says its author has not fully tested how well the skills perform.

Good for

  • Developers writing vite.config.ts or Vite plugins
  • Teams building SSR apps or libraries with Vite
  • Anyone moving a project to Vite 8 and its Rolldown bundler

Install vite

Claude Code

  1. 1

    Copy this prompt.

    Install the vite skill in Claude Code. Run this command:
    
    npx skills add https://github.com/antfu/skills --skill vite
    
    Then check that it loaded and tell me how to use it.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

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.

Sections in SKILL.md

  1. Preferences
  2. Core
  3. Build & SSR
  4. Advanced
  5. Quick Reference
  6. CLI Commands
  7. Common Config
  8. Official Plugins

Key facts

License
MIT
Installs on skills.sh
40,795 as of 2026-11-02
Last repo commit
2026-10-30

What it includes

  • Use TypeScript for vite.config.ts and always ESM

    Two rules Claude follows when it writes Vite config: prefer vite.config.ts and avoid CommonJS.

    Read · Preferences

  • vite.config.ts, defineConfig, conditional configs, loadEnv

    Points to references/core-config.md.

    Read · Core: configuration

  • import.meta.glob, asset queries like ?raw and ?url, import.meta.env, HMR API

    Points to references/core-features.md.

    Read · Core: features

  • Vite-specific hooks, virtual modules, plugin ordering

    Points to references/core-plugin-api.md.

    Read · Core: plugin API

  • Library mode, SSR middleware mode, ssrLoadModule, JavaScript API

    Points to references/build-and-ssr.md.

    Read · Build and SSR

  • Vite 6+ multi-environment support and custom runtimes

    Points to references/environment-api.md.

    Read · Environment API

  • Vite 8 changes: Rolldown bundler, Oxc transformer, config migration

    Points to references/rolldown-migration.md. SKILL.md notes Vite 8 uses Rolldown and Oxc instead of esbuild and Rollup.

    Read · Rolldown migration

  • CLI commands, a common config and the official plugins

    Lists vite, vite build, vite preview and vite build --ssr, a sample config, and five official plugins for Vue, Vue JSX, React (Oxc/Babel), React SWC and legacy browsers.

    Read · Quick reference

From the official docs

Questions

What does the vite skill do?

It gives Claude reference notes on Vite: configuration, built-in features, the plugin API, library and SSR builds, the Environment API and the Vite 8 migration to Rolldown. Claude loads it when you work on a Vite project, vite.config.ts or a Vite plugin.

How do I install the vite skill?

Use the install box at the top of this page for this one skill. The README also describes a skills pack, @antfu/skills, installed with skills-npm, which keeps Anthony Fu's skills in sync through your package manager.

Which Vite version does it cover?

SKILL.md says it is based on Vite v8.3.1, the Rolldown-powered release, and was generated on 2026-09-25. For another version, check the official Vite docs.

Is it written by the Vite team?

No. SKILL.md lists Anthony Fu as the author and says it was generated from the Vite docs. The README calls the repo a proof of concept and says he has not fully tested how well the skills perform in practice.

Does it run any commands?

SKILL.md does not tell Claude to run anything. It lists the Vite CLI commands as a quick reference, and the folder has no scripts.

How is it different from the vitest and vitepress skills?

The same repo has separate skills for Vitest and VitePress, per the README. This one covers Vite itself. Install the others only if you use those tools.

Does it work in Codex, Cursor or the Claude app?

The README describes the repo as a collection of Agent Skills and installs them with the skills CLI. It does not list the Claude app or name specific clients.

Information

updated Nov 2, 2026

Repository
antfu/skills
Folder
skills/vite

antfu/skillsskills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 2
  1. vite SKILL.md · github.com
  2. antfu/skills README · github.com

Updated Nov 2, 2026.