home/categories/frontend/slavamelanko-smela-front-claude-skills-react-project-structure-skill-md
frontenddevelopment

react-project-structure

File and folder organization conventions for React + Vite + shadcn/ui projects. Use when creating new components, organizing files, deciding folder structure, naming files/folders, or reviewing project organization. Covers folder-per-component vs flat structure, naming conventions, barrel exports, internal elements, and form patterns.

SlavaMelanko
maintainer
SlavaMelanko
Updated 1/19/2026
Stars
0
Forks
0
quick start

Installation and usage

File and folder organization conventions for React + Vite + shadcn/ui projects. Use when creating new components, organizing files, deciding folder structure, naming files/folders, or reviewing project organization. Covers folder-per-component vs flat structure, naming conventions, barrel exports, internal elements, and form patterns.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use react-project-structure