cyberneticlibrary

Initialize React project with Vite

react-new-projectskillsetup L1381
majiayu000/claude-skill-registry
What it does

Generate new React project with Vite and feature-based architecture

Best for

Scaffolding a new React app with feature-first folder organization instead of technical layers, enabling faster scaling and domain-driven design.

Inputs
  • · Project name
  • · Optional: TypeScript configuration, path aliases
Outputs
  • · Vite React-TypeScript scaffolded project
  • · Directory structure: src/app, src/features, src/shared
  • · Ready-to-run dev server (npm run dev)
Requires
  • · npm create vite command
  • · Node.js 16+
  • · Optional: path alias in tsconfig.json and vite.config.ts
Preconditions
  • · Node.js installed
  • · npm available
  • · Terminal/shell access
Failure modes
  • · npm create vite fails if Node version too old
  • · Path aliases not configured causing import resolution errors
  • · Dev server fails if port 5173 already in use
Trust signals
  • · Uses official Vite React-TypeScript template
  • · Feature-based structure (src/features) follows modern best practices
  • · Instructions verified and tested