Does it support testing out of the box?

Yes, it configures Vitest, jsdom, and React Testing Library, providing a complete environment for unit and integration tests.

Will this skill help with project documentation?

Yes, it generates a CLAUDE.md file to help maintain project context and rules for AI assistants.

Which package manager does this skill use?

The skill primarily uses pnpm for efficient dependency management and fast installation times.

What UI libraries are included in the setup?

It automatically installs and configures Tailwind CSS and initializes shadcn/ui for high-quality, accessible components.

How does it handle code formatting and linting?

The skill offers a choice between Biome for an all-in-one fast toolchain or a traditional ESLint and Prettier configuration.

Vite React Project Initializer

Name: Vite React Project Initializer
Author: khw1031

bykhw1031

•

Productivity & Workflow

Automates the setup and configuration of production-ready Vite + React projects with a modern toolchain.

About

This skill streamlines the initial development phase by scaffolding a standardized Vite + React TypeScript environment. It automates Node.js version management, directory structure creation (following a clean architecture), and the installation of essential libraries like Tailwind CSS, shadcn/ui, and React Router. Additionally, it configures comprehensive code quality tools including Biome or ESLint/Prettier and sets up a robust testing framework with Vitest, ensuring your project follows industry best practices from the very first command.

Key Features

Automates UI setup with Tailwind CSS and shadcn/ui integration
Scaffolds Vite + React + TypeScript projects with a feature-based directory structure
Generates project-specific documentation and CLAUDE.md for AI context management
Implements code quality tools like Biome for linting and formatting
Configures a full testing suite using Vitest and React Testing Library
2 GitHub stars

Use Cases

Standardizing project initialization across development teams for consistent architecture
Rapidly prototyping web applications with a built-in UI and routing system
Launching a new enterprise-grade React application with pre-configured best practices

About

Key Features

Automates UI setup with Tailwind CSS and shadcn/ui integration
Scaffolds Vite + React + TypeScript projects with a feature-based directory structure
Generates project-specific documentation and CLAUDE.md for AI context management
Implements code quality tools like Biome for linting and formatting
Configures a full testing suite using Vitest and React Testing Library
2 GitHub stars

Use Cases

Standardizing project initialization across development teams for consistent architecture
Rapidly prototyping web applications with a built-in UI and routing system
Launching a new enterprise-grade React application with pre-configured best practices