init-react-frontend

Installation
SKILL.md

Init React Frontend

Scaffolds a production-ready React frontend with a fixed default stack. Uses the official Vite scaffold in Rolldown form, defaulting to React + Compiler + TypeScript; generates project structure, configs, and a project-specific AGENTS.md.

Initialization: Vite scaffold + Rolldown

Use the official Vite scaffold to create the project in Rolldown form, defaulting to React + Compiler + TypeScript:

  1. Recommended: Run npm create vite@latest (or pnpm create vite, yarn create vite) in the target directory. If the current create-vite supports choosing the bundler, select Rolldown, template React, language TypeScript; if it offers a React Compiler option, enable it.
  2. If Rolldown is not offered: Create with npm create vite@latest <project-name> -- --template react-ts, then in package.json devDependencies set "vite": "npm:rolldown-vite@<resolved-latest-version>", and enable React Compiler in the Vite config (see tech stack and file checklist below).

When generating or filling in files, ensure the build uses Rolldown (rolldown-vite) and React Compiler is enabled by default.

Default tech stack (when not specified)

Related skills
Installs
7
First Seen
Mar 11, 2026