skills.rest
noartem
noartemCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

vite

Configure Vite projects, plugins, and SSR workflows with migration guidance.

Updated Jun 8, 2025
Search Tags:#frontend#migration#vite#ssr#plugin-api#build-tool
One-click install
npx skills add https://github.com/noartem/kawa --skill vite-noartem
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/noartem/kawa/tree/main/ui/.agents/skills/vite
Command: npx skills add https://github.com/noartem/kawa --skill vite-noartem

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps developers configure Vite projects, integrate plugins, and manage SSR tasks, solving the friction of setting up modern frontend tooling.

Core Features & Use Cases

  • Configuration patterns for vite.config.ts, environment variables, and multi-environment builds.
  • Plugin API usage guidance for extending Vite, custom plugins, and tooling integrations.
  • SSR and library build scenarios, including Rolldown migration notes and cross-project references.
  • Contextual references to core-config, core-features, and rolldown-migration to guide adoption.

Quick Start

Create a new Vite project and apply a basic vite.config.ts to get started.

Frequently Asked Questions about vite

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

FAQPage Schema
How do I configure Vite projects for multi-environment builds and environment variables?▼

Configuring Vite projects involves applying specific patterns within vite.config.ts to manage environment variables and define distinct multi-environment build outputs.

How do I use the Vite plugin API to extend build tooling?▼

Using the Vite plugin API involves creating custom plugins to extend Vite functionality, allowing you to integrate external tooling and modify the standard build process.

What is the best way to set up SSR with Vite?▼

Setting up SSR with Vite requires applying specific configuration patterns to establish server-side rendering workflows that integrate seamlessly into your frontend build pipeline.

How do I handle Rolldown migration in my Vite project?▼

Handling Rolldown migration involves following specific contextual guidance and migration notes to transition your existing Vite build setup to the Rolldown bundler.

Can I use Vite for library builds?▼

Yes, you can use Vite for library builds by configuring specific build scenarios tailored for outputting reusable libraries rather than standard web applications.

Why do I need a SKILL.md frontmatter when configuring Vite?▼

A SKILL.md frontmatter with name and description is enforced to define the Vite configuration scope, ensuring the project correctly applies patterns and references optional scripts or assets.

Related Skills

Explore More Software Engineering Skills→
OpenAEC-FoundationOpenAEC-Foundation
6

react-impl-project-setup

Automate React project setup with Vite, TypeScript, ESLint, and Prettier.

Official
Intermediate
devkenidevkeni
1

slides

Create and validate editable PowerPoint decks with PptxGenJS.

Community
Intermediate
HouseGarofaloHouseGarofalo
3

vite

Build frontend applications with Vite for React, Vue, and Svelte.

Official
Intermediate
Camilo8902Camilo8902

hot-reload-optimizer

Configure Vite, Next.js, and webpack for faster hot module replacement.

Community
Intermediate