What problem does it solve? Setting up a React + Vite project often leads to ad-hoc folder structures that become hard to scale. This Skill enforces a consistent feature-based architecture with clear ownership boundaries between app-level composition, feature code, and shared building blocks. ## Core Features & Use Cases - Greenfield Bootstrap: Runs Vite React TypeScript scaffolding, configures the @ import alias, pnpm allow-builds, and seeds the required folder layout with a working home route. - Architecture Contract: Defines fixed rules for src/app, src/features, and src/shared, including index-based route segments, a mandatory features/home/router/index.tsx root route, and a three-layer UI composition flow. - Runtime Smoke Testing: Ships a sandboxed smoke script that copies the project to a temp directory, installs dependencies with the detected package manager, and starts the Vite dev server for health checks. - Use Case: Ask the AI to create a new React dashboard app; it scaffolds the project, wires AppRouter with AppShell and the home route, and verifies the result with pnpm build. ## Quick Start Create a new React Vite TypeScript project with the feature-based folder structure and a working home route.
