Vite

A comprehensive performance optimization guide for Vite with 42 rules across 8 priority-ranked categories, from dependency pre-bundling to advanced SSR patterns. Use this when configuring new Vite projects, debugging slow dev server startup, or optimizing production bundles. Each rule lives in its own reference file with detailed examples, and the priorities are clear: critical issues like deps configuration and plugin performance come first, then bundle optimization and imports, down to medium-priority concerns like CSS tooling. The categorization is genuinely useful because it tells you what to fix first when your Vite build feels slow, rather than throwing a wall of best practices at you.

skills.sh installs: 367
GitHub stars: 222
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill vite --agent claude-code

Installs into .claude/skills of the current project.

Files

Vite Best Practices

Comprehensive performance optimization guide for Vite applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

When to Apply

Reference these guidelines when:

Configuring Vite for a new project
Troubleshooting slow dev server startup
Optimizing production bundle size
Debugging HMR issues
Writing or evaluating Vite plugins
Migrating from Webpack or other bundlers

Rule Categories by Priority

Priority	Category	Impact	Prefix
1	Dependency Pre-bundling	CRITICAL	`deps-`
2	Plugin Performance	CRITICAL	`plugin-`
3	Bundle Optimization	CRITICAL	`bundle-`
4	Import Resolution	HIGH	`import-`
5	Build Configuration	HIGH	`build-`
6	Development Server	MEDIUM-HIGH	`dev-`
7	CSS Optimization	MEDIUM	`css-`
8	Advanced Patterns	LOW-MEDIUM	`advanced-`

Vite

Install

Files

Vite Best Practices

When to Apply

Rule Categories by Priority

Quick Reference

1. Dependency Pre-bundling (CRITICAL)

Details

More from pproenca/dot-skills

Recommended