How does it handle API proxying?

It automatically configures the Vite development server proxy using your defined base path to route local requests to your backend services.

Where does the skill get its configuration parameters?

It intelligently reads parameters like application ID and API paths from your project's copilot-instructions.md and requirements documentation.

Can I use this for micro-frontend development?

Yes, it includes specialized configurations for single-spa compatibility, including build-time CSS injection and SystemJS support.

Does this skill support Vue 2 projects?

This skill is specifically designed and optimized for Vue 3 application structures and modern Vite plugins.

Vite Configuration Generator

Name: Vite Configuration Generator
Author: majiayu000

bymajiayu000

•

Deployment & DevOps

Generates optimized vite.config.ts files for Vue 3 applications, handling build formats, API proxies, and plugin integration.

This skill automates the creation of complex Vite configuration files tailored for the Vue 3 ecosystem. It streamlines the setup of development servers, API proxying, and production build formats like ES modules or SystemJS, ensuring seamless compatibility with micro-frontend architectures such as single-spa. By extracting parameters from your project's documentation, it handles technical details like CSS injection, SVG scaling, and global constants, allowing developers to focus on building features rather than wrestling with build tool boilerplate.

Key Features

01Support for both SystemJS and ES build formats

02Micro-frontend ready with single-spa CSS injection

03Optimized SVG loader configuration for proper scaling

04Configurable API proxy and dev server port settings

05Automated vite.config.ts generation for Vue 3

0664 GitHub stars

Use Cases

01Standardizing Vite configurations across multiple enterprise applications

02Setting up a new Vue 3 project with production-ready build requirements

03Configuring micro-frontends for integration into a single-spa orchestrator

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add majiayu000/claude-skill-registry vite-config

For use in Claude.ai and ChatGPT

Download Skill