Skills
.Work. You
Rest

vite-syntax-resolve-css

Official

Configure Vite syntax and resolve options safely.

Software Engineering#typescript#vite#css-modules#postcss#resolve-alias#lightning-css
AuthorOpenAEC-Foundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers correctly configure Vite's path aliasing, CSS modules, and CSS preprocessors to prevent common misconfigurations that break imports and style processing.

Core Features & Use Cases

  • Supports configure options for resolve.alias, resolve.extensions, resolve.dedupe, and resolve.tsconfigPaths
  • Covers CSS processing options including css.modules, css.preprocessorOptions, css.transformer, and css.lightningcss
  • Includes guidance for json and html CSP nonce integration across Vite projects

Quick Start

Configure Vite syntax and resolve options for your project to avoid common misconfigurations.

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-syntax-resolve-css
Download link: https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer/archive/main.zip#vite-syntax-resolve-css

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 471,000+ vetted skills library on demand.