# Vite Config Generator

> Generate Vite configuration files for fast frontend development with React, Vue, or vanilla JavaScript projects. Triggers on "create vite config", "generate vite configuration", "vite setup for", "vite.config".

- Skill: `majiayu000/vite-config-generator` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/vite-config-generator`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/vite-config-generator/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/vite-config-generator

---


# Vite Config Generator

Generate production-ready Vite configuration files with plugins, build optimization, and development server settings.

## Output Requirements

**File Output:** `vite.config.ts` or `vite.config.js`
**Format:** Valid Vite configuration
**Standards:** Vite 5.x

## When Invoked

Immediately generate a complete Vite configuration with appropriate plugins, alias paths, build settings, and dev server configuration.

## Configuration Template

```typescript
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,
    open: true,
  },
  build: {
    outDir: 'dist',
    sourcemap: true,
  },
});
```

## Example Invocations

**Prompt:** "Create vite config for React TypeScript with path aliases"
**Output:** Complete `vite.config.ts` with React plugin, aliases, and optimizations.