Execute the "new project" scaffold — Vite + React + TS + chosen UI library (shadcn/ui, MUI, Ant Design, Chakra, local, or other) + styled-components + 4-file pattern + ESLint/tsc/Vitest/Playwright + deployment. Invoke on "new project" / "scaffold a project" / "create a React app". Not for adding features to an existing project.
Installs into .claude/skills of the current project.
Are you the author of Scaffold React Project?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/bojankocijan-scaffold-react-project-bk-charterline)
---
name: scaffold-react-project
description: Execute the "new project" scaffold — Vite + React + TS + chosen UI library (shadcn/ui, MUI, Ant Design, Chakra, local, or other) + styled-components + 4-file pattern + ESLint/tsc/Vitest/Playwright + deployment. Invoke on "new project" / "scaffold a project" / "create a React app". Not for adding features to an existing project.
license: GPL-3.0-only
---
# Scaffold React Project
Read [`knowledge/PROJECT_SCAFFOLD.md`](../../knowledge/PROJECT_SCAFFOLD.md) and execute it step by step — it holds the full procedure: GitHub auth gate, the platform + UI-library + app-architecture `AskUserQuestion` calls, per-library install commands, folder skeleton, dev tools, config files, CI + deployment, `PROJECT_KNOWLEDGE.md` + local `CLAUDE.md`, first PR, and the preview spawn. Don't restate it here — run it from there so the steps never drift.
