fix(cli): validate project name using npm package name rules

packages/shadcn/package.json

@@ -82,6 +82,7 @@
     "@babel/preset-typescript": "^7.27.1",
     "@dotenvx/dotenvx": "^1.48.4",
     "@modelcontextprotocol/sdk": "^1.17.2",
+    "@types/validate-npm-package-name": "^4.0.2",
     "browserslist": "^4.26.2",
     "commander": "^14.0.0",
     "cosmiconfig": "^9.0.0",
@@ -105,6 +106,7 @@
     "stringify-object": "^5.0.0",
     "ts-morph": "^26.0.0",
     "tsconfig-paths": "^4.2.0",
+    "validate-npm-package-name": "^7.0.1",
     "zod": "^3.24.1",
     "zod-to-json-schema": "^3.24.6"
   },

packages/shadcn/src/commands/create.ts

@@ -1,3 +1,4 @@
+import { basename, resolve } from "node:path"
 import path from "path"
 import { getPreset, getPresets, getRegistryItems } from "@/src/registry/api"
 import { configWithDefaults } from "@/src/registry/config"
@@ -15,6 +16,7 @@ import dedent from "dedent"
 import open from "open"
 import prompts from "prompts"
 
+import { validateNpmName } from "../utils/validate-pkg"
 import { initOptionsSchema, runInit } from "./init"
 
 const SHADCN_URL = "https://ui.shadcn.com"
@@ -88,10 +90,13 @@ export const create = new Command()
           message: "What is your project named?",
           initial: opts.template ? `${opts.template}-app` : "my-app",
           format: (value: string) => value.trim(),
-          validate: (value: string) =>
-            value.length > 128
-              ? `Name should be less than 128 characters.`
-              : true,
+          validate: (name) => {
+            const validation = validateNpmName(basename(resolve(name)))
+            if (validation.valid) {
+              return true
+            }
+            return "Invalid project name: " + validation.problems[0]
+          },
         })
 
         if (!enteredName) {

packages/shadcn/src/utils/validate-pkg.ts

@@ -0,0 +1,25 @@
+import validateProjectName from "validate-npm-package-name"
+
+type ValidateNpmNameResult =
+  | {
+      valid: true
+    }
+  | {
+      valid: false
+      problems: string[]
+    }
+
+export function validateNpmName(name: string): ValidateNpmNameResult {
+  const nameValidation = validateProjectName(name)
+  if (nameValidation.validForNewPackages) {
+    return { valid: true }
+  }
+
+  return {
+    valid: false,
+    problems: [
+      ...(nameValidation.errors || []),
+      ...(nameValidation.warnings || []),
+    ],
+  }
+}