gate-init

The user says "OK, let's start building." Execute directly:

1. Create project:

   npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir --import-alias "@/*"
   

   Tell the user: "Setting up the framework—the Next.js we're using is currently the most popular website framework, Tailwind handles styling, and TypeScript makes the code more robust."

2. Install UI components:

   npx shadcn@latest init -d
   npx shadcn@latest add button card dialog form input sheet tabs toast
   

   Tell the user: "A ready-made UI component library is installed, so buttons, modals, and forms don't need to be written from scratch."

3. Configure utility functions src/lib/utils.ts(cn merges style classes)

4. git init && git add . && git commit -m "chore: scaffold" Tell the user: "The code is already managed with Git, so future changes will be clear at a glance."

1. npm run build Confirm it runs Tell the user: "The project is set up, and I ran a build with no errors. What page do you want to make next?"