Configures Vite build tooling including Rolldown migration, SSR workflows, and plugin hooks.
npx skills add https://github.com/ethan-krich/plannar --skill vite-ethan-krich
Please help me install this Agent Skill. Skill: vite Source: https://github.com/ethan-krich/plannar/tree/main/.agents/skills/vite Command: npx skills add https://github.com/ethan-krich/plannar --skill vite-ethan-krich
It helps developers correctly set up and evolve Vite configurations for fast client builds, library output, and SSR workflows—especially when migrating to Vite 8’s Rolldown-based pipeline.
vite.config.ts with defineConfig, conditional logic, and environment loading via loadEnv.createServer, build, preview, and ssrLoadModule.rollupOptions/esbuild patterns to rolldownOptions/Oxc transformer configuration.Ask the AI: "Given my project uses Vite 8, how should I write a vite.config.ts that supports a library build and provides the right Rolldown migration settings and plugin structure?"
High-intent search queries and answers about installing and using this skill.
To configure vite.config.ts for library mode and SSR builds, structure your configuration using defineConfig with conditional logic. For SSR workflows, utilize low-level primitives like createServer, build, preview, and ssrLoadModule.
Migrating to Vite 8 Rolldown and Oxc requires mapping your existing rollupOptions and esbuild patterns to rolldownOptions and Oxc transformer settings within your vite.config.ts file.
Structuring Vite plugins requires understanding plugin hooks and plugin ordering to ensure correct execution. Use environment-aware transformations when your plugin logic depends on specific build contexts.
To load environment variables in Vite configuration, use the loadEnv function within your vite.config.ts file. This allows you to conditionally apply environment-specific logic during the build process.
Vite supports multi-page application inputs by configuring multiple entry points in your build settings. This allows you to manage complex application structures within a single Vite configuration.
lubusINIdentify Frappe project type, installed apps, version, and tooling.
SteepCraftConfigure Vite dev servers, plugins, and production builds via vite.config.ts.
eralvarezStart a Vite dev server with HMR for React, Vue, or vanilla JS projects.
farmountainSelect and configure bundlers like ESBuild, Webpack, Rollup, or Vite for JavaScript projects.