What problem does it solve? When creating new features or files in a React frontend project, inconsistent file placement, naming, and export styles quickly lead to a messy codebase. This Skill provides a single source of truth for where files go, how they are named, and how routes and types are organized. ## Core Features & Use Cases - Folder Structure Rules: Defines where shared modules (src/lib/), feature modules (src/features/{name}/), shared types, icons, and TanStack Router routes live. - Naming & Export Conventions: Enforces kebab-case files, use-*.ts hooks, PascalCase components, named exports only, and no barrel files. - Route & Type Conventions: Specifies TanStack Router file-based route patterns (layouts, $paramName, pathless _name routes) and type colocation in feature folders. - Use Case: When adding a new vocabulary practice feature, load this Skill to correctly scaffold src/features/vocabulary/ with types.ts, queries.ts, and a tu-vung route following project conventions. ## Quick Start Load the file-organization skill and create a new feature module for flashcards following the project folder and naming conventions.
