vite-react-shadcn-convex-setup
Installation
SKILL.md
Vite React Shadcn Convex Setup
Use this workflow to set up the same stack in an existing folder without creating a nested project directory.
Workflow
-
Inspect the directory first:
- Run
pwd,rg --files -uu -g '!*node_modules*' -g '!*.git*', andgit status --short. - Read existing
README.md,.env.example,docker-compose.yml, and Convex files before scaffolding. - Preserve user files. If Vite overwrites
README.md, restore the useful existing notes afterward.
- Run
-
Scaffold Vite React TypeScript in the current folder:
- Run
npm create vite@latest . -- --template react-tsfrom the target root. - If the directory is not empty, use a TTY and choose
Ignore files and continue. - Do not choose the option that removes existing files.
- Decline "install and start now"; run installs explicitly afterward.
- The npm package name should default to
basename "$PWD". Verify it inpackage.json.
- Run