Skills
.Work. You
Rest

vite-configuration

Official

Vite 6.x config for React SPAs

Software Engineering#frontend#react#configuration#vite#spa#build tools
AuthorMolcajeteAI
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the setup and configuration of Vite 6.x for React single-page applications, addressing common needs like build optimization, plugin integration, and environment variable management.

Core Features & Use Cases

  • Project Setup: Provides a solid foundation for new Vite React projects.
  • Build Optimization: Configures Rollup for efficient code splitting and bundling.
  • Plugin Integration: Demonstrates how to add and configure essential Vite plugins (React, PWA, visualizer).
  • Environment Variables: Shows how to define and access environment variables securely.
  • Use Case: When starting a new React project with Vite, use this skill to quickly set up a robust configuration that includes path aliases, PWA support, and optimized build settings.

Quick Start

Use the vite-configuration skill to generate a basic vite.config.ts file for a React SPA.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vite-configuration
Download link: https://github.com/MolcajeteAI/plugin/archive/main.zip#vite-configuration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.