vite

Create and maintain vite.config.ts with defineConfig and environment-aware setups.

5.7k|318|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/antfu/skills --skill vite-antfu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/antfu/skills/tree/main/skills/vite
Command: npx skills add https://github.com/antfu/skills --skill vite-antfu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite skills organize authoritative tooling documentation to accelerate project setup, improve configuration consistency, and streamline migration tasks across teams.

Core Features & Use Cases

  • Configuration patterns: guidance for creating and maintaining vite.config.ts with defineConfig and environment-aware setups.
  • Plugin API & SSR: details on integrating plugins and enabling SSR workflows in modern Vite projects.
  • Migration guidance: coverage of the Rolldown migration for Vite 8 and aligned build pipelines.

Quick Start

Use this skill to quickly scaffold a basic Vite project configuration and plug-in usage for a new library.

Frequently Asked Questions about vite

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure a Vite project for environment-aware setups?

Configure your Vite project using `defineConfig` within `vite.config.ts` to establish environment-aware setups and ensure configuration consistency across your team. This approach streamlines project setup by organizing tooling documentation.

What is the best way to integrate plugins for SSR workflows in Vite?

Integrate plugins for SSR workflows in Vite by applying the Plugin API details provided in the Vite skill documentation. This enables modern SSR workflows and ensures proper plugin integration across library or app builds.

How do I migrate to Rolldown in Vite 8?

Migrate to Rolldown in Vite 8 by following the migration guidance provided in the Vite skill documentation to align your build pipelines. This ensures a smooth transition and maintains build consistency across your projects.

Does Vite support scaffolding configurations for new libraries?

Yes, Vite supports scaffolding configurations for new libraries by using the skill to quickly set up a basic Vite project configuration and plugin usage. This accelerates project setup and improves configuration consistency.

Why do I need to use defineConfig for my Vite configuration?

Use `defineConfig` for your Vite configuration to enforce configuration consistency and enable environment-aware setups. It provides actionable guidance for maintaining `vite.config.ts` across library or app builds.