# Project Init

> 项目初始化。用户要搭新 Next.js 项目时加载。按顺序执行脚手架命令。

- Skill: `lennney/project-init` (Agent Skill)
- Install (CLI): `npx skillmds@latest add lennney/project-init`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lennney/project-init/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: lennney (https://skillmd.com/u/lennney)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/lennney/project-init

---


Run these steps in order:

```bash
npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir --import-alias "@/*"
cd my-app
npx shadcn@latest init -d
npx shadcn@latest add button card dialog form input sheet tabs toast
```

Create this structure:
```
src/app/          layout.tsx + page.tsx + globals.css
src/components/   ui/ + features/
src/lib/          utils.ts (cn) + constants.ts
public/images/
```

Finish with `git init && git add . && git commit -m "chore: scaffold"` and `npm run build` verification.