Vite

Skill a5c-ai/babysitter/library/specializations/web-development/skills/vite

Vite configuration, plugins, optimization, HMR, and build customization.From its SKILL.md

Install

npx -y skills add a5c-ai/babysitter --skill vite

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.2 KB, 211 tokens by cl100k_base, as published. Nobody here has run it

Vite Skill

Expert assistance for configuring and optimizing Vite builds.

Capabilities

Configure Vite for various frameworks
Create and use plugins
Optimize builds
Configure dev server
Handle environment variables

Configuration

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    port: 3000,
    proxy: {
      '/api': 'http://localhost:8080',
    },
  },
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ['react', 'react-dom'],
        },
      },
    },
  },
});

Target Processes

frontend-build-setup
development-environment
build-optimization

What ships with it: 1 file

358 B alongside SKILL.md