create-modern-react 2.3.5 → 2.3.6

package/bin/index.js

@@ -9,10 +9,11 @@ program
   .description(
     'Create production-ready React + TypeScript + Tailwind applications in seconds'
   )
-  .version('2.0.0')
+  .version('2.3.5')
   .argument('[project-name]', 'name of the project')
   .option('--skip-install', 'skip dependency installation')
   .option('--skip-git', 'skip git initialization')
+  .option('--no-scripts', 'skip all lifecycle scripts (skills extraction + npm scripts)')
   .action(async (projectName, options) => {
     try {
       await createProject(projectName, options);

package/lib/install.js

@@ -69,27 +69,33 @@ async function getAvailablePackageManager(preferredManager) {
 }
 
 // Get install command and args for package manager
-function getInstallCommand(packageManager) {
+function getInstallCommand(packageManager, noScripts = false) {
+  const ignoreScriptsFlag = noScripts ? ['--ignore-scripts'] : [];
+
   switch (packageManager) {
     case 'yarn':
-      return { command: 'yarn', args: ['install'] };
+      return { command: 'yarn', args: ['install', ...ignoreScriptsFlag] };
     case 'pnpm':
-      return { command: 'pnpm', args: ['install'] };
+      return { command: 'pnpm', args: ['install', ...ignoreScriptsFlag] };
     case 'npm':
     default:
-      return { command: 'npm', args: ['install'] };
+      return { command: 'npm', args: ['install', ...ignoreScriptsFlag] };
   }
 }
 
 async function installDependencies(config) {
-  const { projectPath, packageManager: preferredManager, projectName } = config;
+  const { projectPath, packageManager: preferredManager, projectName, noScripts } = config;
 
   console.log(chalk.blue('\n📦 Installing dependencies...'));
 
   try {
     // Get the best available package manager
     const availableManager = await getAvailablePackageManager(preferredManager);
-    const { command, args } = getInstallCommand(availableManager);
+    const { command, args } = getInstallCommand(availableManager, noScripts);
+
+    if (noScripts) {
+      console.log(chalk.yellow('⚠️  Running with --ignore-scripts (lifecycle scripts disabled)'));
+    }
 
     // Update config with actual package manager used
     config.actualPackageManager = availableManager;

package/lib/prompts.js

@@ -163,7 +163,9 @@ async function createProject(projectName, options) {
     useHusky: optionalFeatures.includes('husky'),
     // Flags
     initGit,
-    installDeps
+    installDeps,
+    // Security: skip lifecycle scripts when --no-scripts is passed
+    noScripts: options.scripts === false
   };
 
   // ─────────────────────────────────────────────────────────────
@@ -178,7 +180,11 @@ async function createProject(projectName, options) {
   console.log(chalk.cyan('│') + chalk.gray(`   ${config.useAntd ? 'Ant Design v5' : 'Shadcn/ui components'}                      `) + chalk.cyan('│'));
   console.log(chalk.cyan('│') + chalk.gray('   Wouter routing + Axios                   ') + chalk.cyan('│'));
   console.log(chalk.cyan('│') + chalk.gray('   Lucide icons + ESLint + Prettier         ') + chalk.cyan('│'));
-  console.log(chalk.cyan('│') + chalk.magenta('   🤖 Claude Code AI Skills                 ') + chalk.cyan('│'));
+  if (config.noScripts) {
+    console.log(chalk.cyan('│') + chalk.yellow('   🔒 Claude Code AI Skills (skipped)       ') + chalk.cyan('│'));
+  } else {
+    console.log(chalk.cyan('│') + chalk.magenta('   🤖 Claude Code AI Skills                 ') + chalk.cyan('│'));
+  }
   console.log(chalk.cyan('├─────────────────────────────────────────────┤'));
   console.log(chalk.cyan('│') + chalk.white(' Optional Features:                         ') + chalk.cyan('│'));
   console.log(chalk.cyan('│') + `   Redux Toolkit:  ${config.useRedux ? chalk.green('✓') : chalk.gray('✗')}                        ` + chalk.cyan('│'));
@@ -204,6 +210,14 @@ async function createProject(projectName, options) {
   const runCmd = pm === 'npm' ? 'npm run' : pm;
 
   console.log(chalk.green.bold(`\n✅ Project "${projectName}" created successfully!\n`));
+
+  // Show note if --no-scripts was used
+  if (config.noScripts) {
+    console.log(chalk.yellow('ℹ️  Note: --no-scripts was used\n'));
+    console.log(chalk.gray('   • Claude Code AI skills were not included'));
+    console.log(chalk.gray('   • Dependency lifecycle scripts were skipped\n'));
+  }
+
   console.log(chalk.white('Next steps:\n'));
   console.log(chalk.gray(`  cd ${projectName}`));
   if (!installDeps) {

package/lib/setup.js

@@ -20,9 +20,16 @@ async function setupProject(config) {
   const templatePath = path.join(__dirname, '../templates/base');
   await fs.copy(templatePath, projectPath);
 
-  // Step 2.5: Extract Claude Code AI skills from archive
-  console.log(chalk.gray('  Including Claude Code AI skills (.claude/skills)...'));
-  await extractSkillsArchive(projectPath);
+  // Step 2.5: Extract Claude Code AI skills from archive (unless --no-scripts)
+  if (config.noScripts) {
+    console.log(chalk.gray('  Skipping Claude Code AI skills (--no-scripts)...'));
+    // Remove the archive since we're not extracting it
+    const archivePath = path.join(projectPath, '.claude/skills.tar.gz');
+    await fs.remove(archivePath);
+  } else {
+    console.log(chalk.gray('  Including Claude Code AI skills (.claude/skills)...'));
+    await extractSkillsArchive(projectPath);
+  }
 
   // Step 3: Handle Antd vs Shadcn/ui
   if (config.useAntd) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-modern-react",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "description": "Create production-ready React + TypeScript + Tailwind applications in seconds",
   "main": "bin/index.js",
   "bin": {