shadcn-create-project

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Shadcn Create Project

Shadcn 项目创建

Use this skill to create a brand new project with Shadcn UI initialized from the start.
使用此技能从一开始就创建一个已初始化Shadcn UI的全新项目。

Documentation

文档

Workflow

操作流程

  1. Run Creation Command: Execute the following command to start the interactive setup:
    bash
    pnpm dlx shadcn@latest create
    (Or
    pnpm create shadcn@latest
    if supported)
  2. 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:
      yes
      (Always prefer CSS variables).
  3. Post-Scaffold Verification:
    • Verify the project directory was created.
    • Verify
      components.json
      exists.
    • Verify
      tailwind.config.ts/js
      (or CSS config) exists.
  1. 运行创建命令: 执行以下命令启动交互式设置:
    bash
    pnpm dlx shadcn@latest create
    (如果支持,也可使用
    pnpm create shadcn@latest
    )
  2. 配置提示: CLI会提示您进行以下选择,请根据用户需求选择或使用默认值:
    • 项目名称: (用户自定义)
    • 框架: Next.js、Laravel、Vite、Remix或TanStack Start.
    • 样式: New York(默认)或Default.
    • 基础颜色: Slate、Gray、Zinc、Neutral、Stone.
    • CSS变量:
      yes
      (优先选择CSS变量).
  3. 搭建后验证:
    • 验证项目目录是否已创建.
    • 验证
      components.json
      是否存在.
    • 验证
      tailwind.config.ts/js
      (或CSS配置文件)是否存在.