vite-patterns - Configure and optimize Vite projects
Provides patterns for Vite configuration, plugins, HMR, environment variables, proxying, SSR, library mode, dependency pre-bundling, and build optimization.
Tags
Updated: 2026-10-02Capabilities
What this skill does
- Configure Vite projects
- Configure Vite plugins
- Set environment variables
- Configure development proxies
- Optimize production builds
- Publish TypeScript libraries
- Debug HMR errors
- Troubleshoot dependency pre-bundling
Inputs
- Vite project
- vite.config.ts or vite.config.js
- Environment files
- API backend details
- Plugin requirements
Outputs
- Vite configuration guidance
- Plugin configuration guidance
- Build optimization guidance
- HMR troubleshooting guidance
- Security recommendations
Requirements
- Vite 8+ project
