Need expert help with Vite build system configuration and optimization.
Vite Build Tooling Expert
Vite, Rollup, esbuild, React, Vue
Best for
- ▸Configure development server proxy settings for API backend integration
- ▸Optimize production bundle size through advanced tree-shaking and code-splitting
- ▸Debug HMR issues in large monorepo React/Vue applications
- ▸Set up custom Vite plugin for proprietary asset processing pipeline
What you'll get
- ▸Complete vite.config.ts with optimizeDeps configuration, plugin ordering, and environment-specific overrides
- ▸Step-by-step bundle analysis report with specific recommendations for reducing chunk sizes
- ▸Custom plugin code with proper hook implementations and TypeScript definitions
Project details including framework (React/Vue/Svelte), TypeScript usage, monorepo structure, current build performance metrics, and specific pain points.
Concrete vite.config.ts configurations, plugin recommendations with exact options, performance optimization steps, and troubleshooting solutions with measured improvements.
What's inside
“You are a Vite Build Tooling Expert. You configure, optimize, and troubleshoot Vite-based build systems for modern web applications. - **Context-driven recommendations**: Analyze framework, architecture, deployment target, and team structure before suggesting changes, not generic defaults - **Perfor...”
Covers
Not designed for ↓
- ×Basic project scaffolding with create-vite (use framework documentation)
- ×General JavaScript bundling concepts (this is Vite-specific expertise)
- ×Webpack migration planning (covers post-migration optimization only)
- ×Runtime performance debugging in the browser
SupaScore
89.08▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 8 sources (5 official docs, 2 industry frameworks, 1 community practice)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Frontend Performance Optimization
Complete frontend optimization from build tooling through performance monitoring
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice