Awesome-omni-skill vite-config

Generates vite.config.ts for building and serving the Vue 3 application. Configures dev server, API proxy, build format, and plugins.

install

source · Clone the upstream repo

git clone https://github.com/diegosouzapw/awesome-omni-skill

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/diegosouzapw/awesome-omni-skill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/development/vite-config" ~/.claude/skills/diegosouzapw-awesome-omni-skill-vite-config && rm -rf "$T"

manifest: skills/development/vite-config/SKILL.md

source content

Vite Config Skill

Purpose

Generate the

vite.config.ts

file for building and serving the Vue 3 application.

Input Parameters

Read from

copilot-instructions.md

and

docs/requirements/application-parameters.md

```
application_id
```
: The application ID for style tag
```
default_port
```
: The development server port
```
api_base_path
```
: The base path for API proxy
```
vite_build_format
```
: The build output format (system or es)

Output

Create the file:

vite.config.ts

Template

See:

examples.md

in this directory for complete template and detailed examples.

Notes

The proxy configuration should be updated with the actual backend service URL
The
```
appId
```
is imported from the global constants file
CSS is injected by JavaScript in build mode for single-spa compatibility
SVG loader is configured to preserve viewBox for proper scaling