vite-react-library-setup

What problem does it solve?

This Skill turns a React project that lacks a proper build pipeline into a publishable npm component library with modern bundling, correct package exports, and automatic stylesheet delivery.

Core Features & Use Cases

• Dual Build Output: Produces both ESM and CommonJS artifacts so the library works across modern bundlers and older Node-based consumers.
• CSS Bundling: Ensures component styles are included in the published build instead of being left behind in source files.
• Package Publish Readiness: Updates the package configuration so the library can be installed cleanly with proper main, module, exports, and files settings.
• Use Case: A React UI kit with JSX inside source files can be converted into a distributable package that consumers import without needing their own transpilation setup.

Quick Start

Ask the assistant to convert your React source tree into a Vite 5 library build with dual module outputs, bundled CSS, and a publish-ready package configuration.