vite

Configure Vite projects and migrate to Vite 8 Rolldown.

117|11|Updated Aug 19, 2025

Search Tags:#migration #library #config #vite #ssr #rolldown #plugin-api

Ready to run

npx skills add https://github.com/bskimball/tanstack-hono --skill vite-bskimball

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/bskimball/tanstack-hono/tree/main/.agents/skills/vite
Command: npx skills add https://github.com/bskimball/tanstack-hono --skill vite-bskimball

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite is a fast, opinionated frontend tooling stack. This skill consolidates configuration patterns, plugin API usage, SSR guidance, and migration steps to Rolldown, so teams can accelerate setup and reduce boilerplate.

Core Features & Use Cases

Configuration patterns for vite.config.ts and defineConfig
Plugin API guidance, virtual modules, and server-side rendering workflows
Rolldown migration guidance from legacy builds to Vite 8

Quick Start

Begin by reviewing core config patterns and migration notes to scaffold a Vite-ready project.

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 using defineConfig for a modern front-end project?▼

Vite configuration with defineConfig in vite.config.ts establishes core build settings, plugin integration, and server options. This skill provides consolidated configuration patterns to scaffold projects, apply best practices, and reduce boilerplate setup.

What is the best way to migrate a legacy build to Vite 8 Rolldown?▼

Migrating to Vite 8 Rolldown requires evaluating legacy build configurations and applying specific migration steps. This skill outlines Rolldown migration guidance, detailing concrete requirements and referencing core-config and rolldown-migration documentation for a smooth transition.

How does the Vite plugin API work for virtual modules and server-side rendering?▼

The Vite plugin API enables custom virtual modules and server-side rendering workflows by hooking into the build pipeline. This skill delivers plugin API guidance and SSR patterns to help teams implement complex front-end tooling features effectively.

Can I use Vite to build and package a JavaScript library?▼

Yes, Vite supports library builds by configuring vite.config.ts with specific build formats and output targets. This skill provides library build patterns and plugin API guidance to package reusable components and distribute them efficiently.

What are the limitations when setting up SSR workflows in Vite?▼

SSR workflows in Vite require careful plugin API configuration and server-side rendering setup to avoid module loading issues. This skill describes concrete SSR requirements and best practices to navigate constraints and ensure stable server-side rendering.