vite

Configure Vite projects, develop plugins, and implement SSR.

Updated Jan 8, 2026
One-click install
npx skills add https://github.com/nutrisari-jeruk/react-vite-template --skill vite-nutrisari-jeruk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/nutrisari-jeruk/react-vite-template/tree/main/.agents/skills/vite
Command: npx skills add https://github.com/nutrisari-jeruk/react-vite-template --skill vite-nutrisari-jeruk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the complexities of configuring and optimizing Vite projects, providing guidance on build tool configurations, plugin APIs, and SSR setups.

Core Features & Use Cases

  • Vite Configuration: Offers detailed instructions on setting up vite.config.ts for various scenarios.
  • Plugin API: Explains how to create and use Vite plugins, including virtual modules and plugin ordering.
  • Build & SSR: Guides on building libraries, multi-page apps, and implementing SSR with Vite.
  • Advanced Features: Covers environment API, Rolldown migration, and advanced configuration options.
  • Use Case: For developers looking to enhance their Vite projects with custom configurations, plugins, and SSR capabilities.

Quick Start

Use the vite skill to configure your Vite project for production with SSR support.

Frequently Asked Questions about vite

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

FAQPage Schema
How do I configure vite.config.ts for production builds and SSR?

Configuring vite.config.ts for SSR involves defining build options and server settings to support server-side rendering. This Skill provides detailed instructions on setting up vite.config.ts for various scenarios, including multi-page apps and SSR.

How do I create custom Vite plugins using the plugin API?

Creating custom Vite plugins requires using the plugin API to define virtual modules and manage plugin ordering. This Skill explains how to develop and implement Vite plugins, covering virtual modules and plugin ordering for project enhancement.

Does Vite support building libraries and multi-page applications?

Yes, Vite supports building libraries and multi-page applications through advanced build configuration options. This Skill guides you through the process of setting up library builds and configuring multi-page app architectures within your Vite project.

What is the Rolldown migration process in Vite?

The Rolldown migration in Vite involves transitioning to the Rolldown bundler using advanced configuration options. This Skill covers the environment API, Rolldown migration steps, and advanced configuration settings for optimizing your build tool performance.

Do I need prior web development experience to use advanced Vite configurations?

Yes, you need existing knowledge of Vite and web development concepts to effectively use advanced Vite configurations. This Skill focuses on advanced build options, plugin APIs, and SSR setups, requiring a foundational understanding of build tools.

When should I use virtual modules in Vite plugin development?

You should use virtual modules in Vite plugin development when you need to generate code dynamically during the build process without creating physical files. This Skill explains how to create and use Vite plugins, including implementing virtual modules and managing plugin ordering.