Vite + React + TypeScript
CommunityStreamline React + TS with Vite conventions.
Software Engineering#typescript#react#vite#project-structure#build-optimization#env-variables#import-conventions
Authorjoshuaculmer
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This guide helps teams enforce a clear project structure and config conventions for React + TypeScript projects built with Vite, reducing onboarding time and confusion.
Core Features & Use Cases
- Project structure guidance: Standard folders and naming to organize components, hooks, pages, and utilities.
- TypeScript & Vite conventions: Enforces strict mode, alias usage, environment variables, and import patterns.
- Use Case: When starting a new React project, follow these rules to ensure consistency across teams and tooling.
Quick Start
Initialize a new React + TypeScript project with Vite using the provided structure and rules.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Vite + React + TypeScript Download link: https://github.com/joshuaculmer/cook_book/archive/main.zip#vite-react-typescript Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.