skills.rest
monforje
monforjeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

vite

Configure and optimize Vite build tooling for development and production builds.

Updated May 19, 2026
Search Tags:#configuration#plugin development#vite#ssr#build tool
One-click install
npx skills add https://github.com/monforje/.opencode --skill vite-monforje
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/monforje/.opencode/tree/main/skills/vite
Command: npx skills add https://github.com/monforje/.opencode --skill vite-monforje

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of configuring and optimizing the Vite build tool for efficient development and production builds, particularly for projects using Vite, Vite plugins, or building libraries/SSR apps with Vite.

Core Features & Use Cases

  • Vite Configuration: Offers detailed guidance on setting up vite.config.ts, including configuration patterns and conditional setups.
  • Core Features: Explains Vite's core features like import patterns, asset queries, environment variables, and HMR API.
  • Build & SSR: Provides in-depth instructions on building libraries, SSR middleware mode, and JavaScript API for SSR development.
  • Advanced: Discusses environment API, Rolldown migration, and more advanced concepts like custom transformations and plugin development.
  • Quick Start: Get started with Vite by running vite to start the dev server or vite build for production build.

Quick Start

Start the Vite development server with the command: vite.

Frequently Asked Questions about vite

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

FAQPage Schema
How do I configure Vite for fast development and production builds?▼

Set up vite.config.ts to configure Vite for fast development and production builds. The Skill provides guidance on configuration patterns, environment variables, and conditional setups for efficient build tool optimization.

What is the best way to build a library with Vite?▼

Use advanced vite.config.ts configurations to build a library with Vite. The Skill provides in-depth instructions for library builds, SSR middleware mode, and JavaScript API usage for SSR development.

How does Vite handle SSR middleware mode and environment variables?▼

Vite handles SSR middleware mode using its JavaScript API and manages environment variables through core features. The Skill explains these mechanisms alongside HMR API and import patterns for SSR applications.

Can I develop custom Vite plugins and apply custom transformations?▼

Yes, you can develop Vite plugins and apply custom transformations. The Skill covers advanced concepts including plugin development, environment API, and Rolldown migration to extend Vite's build tool capabilities.

Does Vite support HMR API and specific asset import patterns?▼

Vite supports HMR API and specific asset import patterns as core features. The Skill explains these mechanisms, including asset queries and environment variables, to optimize the development server experience.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
expoexpo
2.4k

eas-hosting

Automate Expo web app and API route deployment to EAS Hosting via eas-cli.

Official
Intermediate
alexzuoshalexzuosh

vite

Configure Vite build tool options, plugins, and SSR capabilities.

Community
Intermediate
nnexainnexai
1

gsd-graphify

Build, query, and inspect a project-specific knowledge graph from codebase files.

Community
Advanced