vite-react-setup

Community

Automate the setup of modern Vite + React + TypeScript projects.

Authorneozenith
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the setup of modern Vite + React + TypeScript projects, reducing the time and complexity of initializing a new development environment.

Core Features & Use Cases

  • Automated Project Scaffold: Quickly create a production-ready project with Vite, React, TypeScript, Tailwind CSS, shadcn/ui, Vitest, Playwright, and Biome.
  • Integrated Development Tools: Includes a complete set of development tools and configurations to facilitate efficient development.
  • Use Case: Ideal for developers looking to start a new Vite + React project with modern tooling, or for existing projects that need to be updated to use the latest standards.

Quick Start

Set up a new Vite React project with:

bun .claude/skills/vite-react-setup/setup-vite-react.ts my-project-name

Dependency Matrix

Required Modules

buntailwindcssshadcnvitestplaywrightbiome

Components

scriptsreferencesassets

💻 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-react-setup
Download link: https://github.com/neozenith/agentic-dotfiles/archive/main.zip#vite-react-setup

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