Diagnose and resolve Vite configuration, build, plugin, SSR, and deployment issues.
npx skills add https://github.com/tankpkg/packages --skill tank-vite-mastery
Please help me install this Agent Skill. Skill: @tank/vite-mastery Source: https://github.com/tankpkg/packages/tree/main/skills/vite-mastery Command: npx skills add https://github.com/tankpkg/packages --skill tank-vite-mastery
This Skill helps you diagnose, configure, and optimize Vite projects when builds are slow, bundles are large, hot reload breaks, environment variables are confusing, or advanced features like SSR and library mode need the right setup.
Ask the Vite mastery skill to review your Vite setup and recommend the best configuration, optimization, and troubleshooting steps for your project.
High-intent search queries and answers about installing and using this skill.
To optimize Vite build bundle size, configure Rollup output controls for manual chunking, CSS splitting, and asset inlining. You can also tune dependency pre-bundling via optimizeDeps to reduce bundle size and improve performance.
Vite HMR can break behind a proxy due to incorrect dev server proxy or middleware configuration. Diagnose your Vite setup to configure custom middleware and proxies properly, ensuring hot module replacement works reliably.
Setting up Vite SSR requires configuring server-side rendering externalization to separate server and client modules. Diagnose your SSR flows to ensure proper environment management and externalization for production-ready frontend systems.
The best way to author a Vite plugin with virtual modules is to design plugin hooks that integrate with the Rollup pipeline. Use this approach to resolve virtual module imports and extend Vite's build and dev server capabilities.
Configure Vite resolve aliases and define constants in vite.config.ts to manage environment variables. Use mode-based branching to validate env handling and ensure correct variable exposure across development and production builds.
Yes, you can use Vite library mode alongside PWA setup and Workbox caching. Configure Rollup output controls for library builds and integrate Workbox to manage service worker caching for a production-ready frontend system.
CloudDevCrusaderConfigure Vite build tool with plugins, SSR, and environment variables.
EvezArtAutomate web application deployment to Vercel, Railway, Netlify, and Heroku.
AratKruglikDevelop Vue 3 applications with Composition API, Pinia, and Vite.
gil00pitaConfigure Webpack 5 for JavaScript and TypeScript bundling with loaders, plugins, and Module Federation.
