Initialize React project with Vite
react-new-projectskillsetup L1★381
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