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
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
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
- Preferences
- Core
- Build & SSR
- Advanced
- Quick Reference
- CLI Commands
- Common Config
- 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 ·
Preferencesvite.config.ts, defineConfig, conditional configs, loadEnv
Points to references/core-config.md.
Read ·
Core: configurationimport.meta.glob, asset queries like ?raw and ?url, import.meta.env, HMR API
Points to references/core-features.md.
Read ·
Core: featuresVite-specific hooks, virtual modules, plugin ordering
Points to references/core-plugin-api.md.
Read ·
Core: plugin APILibrary mode, SSR middleware mode, ssrLoadModule, JavaScript API
Points to references/build-and-ssr.md.
Read ·
Build and SSRVite 6+ multi-environment support and custom runtimes
Points to references/environment-api.md.
Read ·
Environment APIVite 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 migrationCLI 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
Sources
Docs, issue trackers and discussions this page is built from.
Show all 2Hide
- vite SKILL.md · github.com
- antfu/skills README · github.com