shadcn-create-project
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseShadcn Create Project
Shadcn 项目创建
Use this skill to create a brand new project with Shadcn UI initialized from the start.
使用此技能从一开始就创建一个已初始化Shadcn UI的全新项目。
Documentation
文档
Workflow
操作流程
-
Run Creation Command: Execute the following command to start the interactive setup:bash
pnpm dlx shadcn@latest create(Orif supported)pnpm create shadcn@latest -
Configuration Prompts: The CLI will prompt for the following choices. Choose based on user requirements or use defaults:
- Project Name: (User defined)
- Framework: Next.js, Laravel, Vite, Remix, or TanStack Start.
- Style: New York (Default) or Default.
- Base Color: Slate, Gray, Zinc, Neutral, Stone.
- CSS Variables: (Always prefer CSS variables).
yes
-
Post-Scaffold Verification:
- Verify the project directory was created.
- Verify exists.
components.json - Verify (or CSS config) exists.
tailwind.config.ts/js
-
运行创建命令: 执行以下命令启动交互式设置:bash
pnpm dlx shadcn@latest create(如果支持,也可使用)pnpm create shadcn@latest -
配置提示: CLI会提示您进行以下选择,请根据用户需求选择或使用默认值:
- 项目名称: (用户自定义)
- 框架: Next.js、Laravel、Vite、Remix或TanStack Start.
- 样式: New York(默认)或Default.
- 基础颜色: Slate、Gray、Zinc、Neutral、Stone.
- CSS变量: (优先选择CSS变量).
yes
-
搭建后验证:
- 验证项目目录是否已创建.
- 验证是否存在.
components.json - 验证(或CSS配置文件)是否存在.
tailwind.config.ts/js