This one covers Vite's core workflows from dev server setup to production builds, based on the 6.x docs. You get configuration patterns, plugin setup, HMR API, CSS and asset handling, plus the trickier stuff like dependency pre-bundling and SSR configuration. Anthony Fu generated this from the official Vite repo, so it tracks the actual documentation structure. Most useful when you're configuring a build pipeline or debugging why your dev server is slow. The performance and backend integration sections are worth checking if you're moving from Webpack or trying to bolt Vite onto an existing server setup.

skills.sh installs
756
GitHub stars
112
last updated
Aug 21, 2026

Install

$ npx -y skills add uni-helper/skills --skill vite --agent claude-code

Installs into .claude/skills of the current project.

Files

Vite is a modern build tool for frontend development featuring instant server start with native ES modules, lightning-fast HMR, and optimized production builds using Rolldown/Rollup. It supports TypeScript, JSX, CSS pre-processors out of the box and has a rich plugin ecosystem.

The skill is based on Vite 6.x, generated at 2026-01-28.

Core

TopicDescriptionReference
ConfigurationConfig file setup, defineConfig, conditional and async configscore-config
CLI CommandsDev server, build, preview commands and optionscore-cli
Core FeaturesTypeScript, JSX, CSS, HTML processing, JSON handlingcore-features
Using PluginsAdding, configuring, and ordering pluginscore-plugins

Features

Sponsors

Details

Repository
github.com/uni-helper/skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD
First seen
Jun 3, 2026

More from uni-helper/skills

All 9
1mhattingpete avatarflowchart-creatormhattingpete/claude-skills-marketplaceCreate HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams,749skills.sh installs
2mindrally avatartanstack-querymindrally/skillsGuidelines for using TanStack Query (React Query) for server state management, data fetching, caching, and synchronization748skills.sh installs
3github avatarreact18-enzyme-to-rtlgithub/awesome-copilotProvides exact Enzyme → React Testing Library migration patterns for React 18 upgrades. Use this skill whenever Enzyme tests need to be rewritten - shallow, mou742skills.sh installs
4mindrally avatarpostcss-best-practicesmindrally/skillsPostCSS best practices and configuration guidelines for modern CSS processing and optimization738skills.sh installs
5mindrally avatarvercel-developmentmindrally/skillsVercel and Next.js deployment best practices including server components, edge functions, AI SDK integration, and performance optimization.738skills.sh installs
6mrgoonie avataraestheticmrgoonie/claudekit-skillsCreate aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating desi722skills.sh installs