---
name: scaffold-react
description: Scaffold a new React app with TypeScript, Vite, and modern tooling
tags: [react, typescript, scaffold, vite]
estimate: 2-3 minutes
steps:
  - name: Create project structure
    prompt: "Create a new React 19 + TypeScript project using Vite. Set up package.json with modern dependencies including React 19, TypeScript 5, and Vite 6. Include scripts for dev, build, preview, and lint."
  - name: Configure TypeScript
    prompt: "Create tsconfig.json and tsconfig.app.json with strict mode, modern module resolution, and React JSX transform. Include path aliases with @ pointing to src/."
  - name: Configure Vite
    prompt: "Create vite.config.ts with React plugin, path aliases matching tsconfig, and sensible defaults for dev server (port 3000, open browser)."
  - name: Create app entry point
    prompt: "Create src/main.tsx (entry point rendering to #root), src/App.tsx (starter component with a clean layout), and index.html. Keep it minimal but polished."
  - name: Add base styles
    prompt: "Create src/index.css with a clean CSS reset and modern defaults (system font stack, box-sizing border-box, smooth scrolling). No CSS framework — just clean vanilla CSS."
  - name: Install and verify
    prompt: "Run npm install and then npm run build to verify everything compiles. Fix any issues."
---

# Scaffold React App

Creates a production-ready React + TypeScript project with Vite.
Includes modern defaults, strict TypeScript, and a clean starting point.
