Claude Code Plugins

Community-maintained marketplace

Feedback

vite-config

@sayali-ingle-pdl/adusa-ai-vuejs-app-template
0
0

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

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

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

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