start-vibing 2.0.50 → 3.0.0

package/dist/cli.js

@@ -94,8 +94,6 @@ async function copyClaudeSetup(targetDir, options = {}) {
   if (!templateDir) {
     throw new Error(`Template directory not found. Tried: ${possiblePaths.join(", ")}`);
   }
-  console.log(`  Using template from: ${templateDir}`);
-  console.log(`  Target directory: ${targetDir}\n`);
   const destDir = join(targetDir, ".claude");
   const result = {
     agents: 0,
@@ -114,15 +112,10 @@ async function copyClaudeSetup(targetDir, options = {}) {
   if (existsSync(claudeMdTemplate)) {
     if (!existsSync(claudeMdDest)) {
       copyFileSync(claudeMdTemplate, claudeMdDest);
-      console.log("  \u2713 Created CLAUDE.md from template");
     } else if (options.force) {
       copyFileSync(claudeMdTemplate, claudeMdDest);
-      console.log("  \u2713 Overwrote CLAUDE.md (force mode)");
     } else {
       copyFileSync(claudeMdTemplate, claudeTemplateDest);
-      console.log("  \u2713 Preserved your CLAUDE.md");
-      console.log("  \u2713 Created .claude/CLAUDE.template.md for smart merge");
-      console.log("  \u2192 The stop hook will help merge new rules on first run");
     }
   }
   return result;
@@ -343,23 +336,13 @@ function isNpmInstallation() {
   }
 }
 async function migrateToNative() {
-  console.log("  Detected npm installation (deprecated)");
-  console.log("  Migrating to native installer...");
-  console.log("  Running: claude install");
-  console.log("");
   try {
     execSync2("claude install", {
       stdio: "inherit",
       timeout: 120000
     });
-    console.log("");
-    console.log("  Migration to native installer completed!");
-    console.log("  Auto-updates are now enabled.");
     return { success: true, alreadyInstalled: true, migrated: true };
   } catch (error) {
-    console.log("");
-    console.log("  Migration failed, but Claude Code is still functional.");
-    console.log("  You can manually run: claude install");
     return {
       success: true,
       alreadyInstalled: true,
@@ -376,9 +359,6 @@ async function installClaude() {
     return { success: true, alreadyInstalled: true };
   }
   const { platform: platform2, shell, isWindows } = getPlatformInfo();
-  console.log(`  Detected platform: ${platform2}`);
-  console.log(`  Detected shell: ${shell}`);
-  console.log("");
   try {
     if (isWindows) {
       return await installClaudeWindows(shell);
@@ -396,17 +376,11 @@ async function installClaude() {
 async function installClaudeWindows(shell) {
   try {
     if (shell === "powershell") {
-      console.log("  Running PowerShell installer...");
-      console.log("  Command: irm https://claude.ai/install.ps1 | iex");
-      console.log("");
       execSync2('powershell -ExecutionPolicy Bypass -Command "irm https://claude.ai/install.ps1 | iex"', {
         stdio: "inherit",
         windowsHide: false
       });
     } else {
-      console.log("  Running CMD installer...");
-      console.log("  Downloading install script...");
-      console.log("");
       execSync2("curl -fsSL https://claude.ai/install.cmd -o %TEMP%\\claude-install.cmd && %TEMP%\\claude-install.cmd", {
         stdio: "inherit",
         shell: "cmd.exe",
@@ -420,9 +394,6 @@ async function installClaudeWindows(shell) {
       } catch {
       }
     }
-    console.log("");
-    console.log("  Installation completed!");
-    console.log("  Note: You may need to restart your terminal for PATH changes to take effect.");
     return { success: true, alreadyInstalled: false };
   } catch (error) {
     return {
@@ -434,15 +405,10 @@ async function installClaudeWindows(shell) {
 }
 async function installClaudeUnix() {
   try {
-    console.log("  Running Unix installer...");
-    console.log("  Command: curl -fsSL https://claude.ai/install.sh | bash");
-    console.log("");
     execSync2("curl -fsSL https://claude.ai/install.sh | bash", {
       stdio: "inherit",
       shell: "/bin/bash"
     });
-    console.log("");
-    console.log("  Installation completed!");
     return { success: true, alreadyInstalled: false };
   } catch (error) {
     return {
@@ -452,14 +418,13 @@ async function installClaudeUnix() {
     };
   }
 }
-function launchClaude(cwd) {
+function launchClaude(cwd, options = {}) {
   const { isWindows } = getPlatformInfo();
-  console.log("  Starting Claude Code...");
-  console.log("  Running: claude --dangerously-skip-permissions");
-  console.log("");
-  console.log("  ========================================");
-  console.log("");
-  const claude = spawn("claude", ["--dangerously-skip-permissions"], {
+  const args = ["--dangerously-skip-permissions"];
+  if (!options.newSession) {
+    args.unshift("-c");
+  }
+  const claude = spawn("claude", args, {
     cwd,
     stdio: "inherit",
     shell: isWindows,
@@ -516,120 +481,29 @@ import { spawnSync as spawnSync2, spawn as spawn2 } from "child_process";
 var CORE_MCPS = [
   {
     name: "context7",
-    description: "Real-time library documentation",
+    description: "real-time docs",
     command: "npx",
     args: ["-y", "@upstash/context7-mcp@latest"]
   },
   {
     name: "sequential-thinking",
-    description: "Structured reasoning for complex problems",
+    description: "structured reasoning",
     command: "npx",
     args: ["-y", "@modelcontextprotocol/server-sequential-thinking"]
   },
   {
     name: "memory",
-    description: "Persistent context across sessions",
+    description: "persistent context",
     command: "npx",
     args: ["-y", "@modelcontextprotocol/server-memory"]
   },
   {
     name: "playwright",
-    description: "Browser automation and E2E testing",
+    description: "browser automation",
     command: "npx",
     args: ["-y", "@playwright/mcp@latest"]
   }
 ];
-var OPTIONAL_MCPS = [
-  {
-    name: "nextjs-devtools",
-    description: "Next.js development tools (requires Next.js project)",
-    command: "npx",
-    args: ["-y", "next-devtools-mcp@latest"],
-    optional: true
-  },
-  {
-    name: "mongodb",
-    description: "MongoDB database operations",
-    command: "npx",
-    args: ["-y", "@mongodb-js/mongodb-mcp-server"],
-    envVars: ["MONGODB_URI"],
-    optional: true
-  },
-  {
-    name: "github",
-    description: "GitHub repository management",
-    command: "claude",
-    args: [
-      "mcp",
-      "add",
-      "--transport",
-      "http",
-      "-s",
-      "user",
-      "github",
-      "https://api.githubcopilot.com/mcp/"
-    ],
-    transport: "http",
-    url: "https://api.githubcopilot.com/mcp/",
-    envVars: ["GITHUB_PERSONAL_ACCESS_TOKEN"],
-    optional: true
-  },
-  {
-    name: "sentry",
-    description: "Error tracking and monitoring",
-    command: "claude",
-    args: [
-      "mcp",
-      "add",
-      "--transport",
-      "http",
-      "-s",
-      "user",
-      "sentry",
-      "https://mcp.sentry.dev/mcp"
-    ],
-    transport: "http",
-    url: "https://mcp.sentry.dev/mcp",
-    optional: true
-  },
-  {
-    name: "brave-search",
-    description: "Web search for research",
-    command: "npx",
-    args: ["-y", "@modelcontextprotocol/server-brave-search"],
-    envVars: ["BRAVE_API_KEY"],
-    optional: true
-  },
-  {
-    name: "figma",
-    description: "Design to code workflows",
-    command: "claude",
-    args: [
-      "mcp",
-      "add",
-      "--transport",
-      "http",
-      "-s",
-      "user",
-      "figma",
-      "https://mcp.figma.com/mcp"
-    ],
-    transport: "http",
-    url: "https://mcp.figma.com/mcp",
-    optional: true
-  }
-];
-var c = {
-  reset: "\x1B[0m",
-  bright: "\x1B[1m",
-  dim: "\x1B[2m",
-  green: "\x1B[32m",
-  yellow: "\x1B[33m",
-  blue: "\x1B[34m",
-  cyan: "\x1B[36m",
-  red: "\x1B[31m",
-  magenta: "\x1B[35m"
-};
 function isClaudeMcpReady() {
   return commandExists("claude");
 }
@@ -662,8 +536,7 @@ async function installMcp(server) {
     } else {
       args = ["mcp", "add", "-s", "user", server.name, "--", server.command, ...server.args];
     }
-    const cmd = server.transport === "http" ? "claude" : "claude";
-    const proc = spawn2(cmd, args, {
+    const proc = spawn2("claude", args, {
       shell: true,
       stdio: ["pipe", "pipe", "pipe"]
     });
@@ -707,62 +580,30 @@ async function installMcp(server) {
     }, 60000);
   });
 }
-async function installMcpsParallel(servers, concurrency = 3) {
-  const results = [];
-  for (let i = 0;i < servers.length; i += concurrency) {
-    const batch = servers.slice(i, i + concurrency);
-    const batchResults = await Promise.all(batch.map(async (server) => {
-      process.stdout.write(`    ${c.dim}Installing ${server.name}...${c.reset}`);
-      const result = await installMcp(server);
-      process.stdout.clearLine?.(0);
-      process.stdout.cursorTo?.(0);
-      const icon = result.success ? `${c.green}\u2713${c.reset}` : `${c.red}\u2717${c.reset}`;
-      const status = result.skipped ? `${c.dim}(already installed)${c.reset}` : result.success ? `${c.green}OK${c.reset}` : `${c.red}${result.message}${c.reset}`;
-      console.log(`    ${icon} ${c.cyan}${server.name}${c.reset}: ${server.description} ${status}`);
-      return result;
-    }));
-    results.push(...batchResults);
-  }
-  return results;
-}
-async function installMcps() {
-  console.log("");
-  console.log(`  ${c.bright}${c.magenta}Installing MCP Servers...${c.reset}`);
-  console.log("");
+async function installMcps(onProgress) {
   if (!isClaudeMcpReady()) {
-    console.log(`  ${c.yellow}Claude CLI not available. Skipping MCP installation.${c.reset}`);
-    console.log(`  ${c.dim}MCPs will be installed on next run after Claude is ready.${c.reset}`);
-    return { installed: 0, failed: 0, skipped: CORE_MCPS.length };
+    return {
+      installed: 0,
+      failed: 0,
+      skipped: CORE_MCPS.length,
+      results: []
+    };
+  }
+  const results = [];
+  const total = CORE_MCPS.length;
+  for (let i = 0;i < total; i++) {
+    const server = CORE_MCPS[i];
+    onProgress?.(i + 1, total, server.name);
+    const result = await installMcp(server);
+    results.push(result);
   }
-  console.log(`  ${c.blue}Core MCPs (auto-installed):${c.reset}`);
-  console.log("");
-  const results = await installMcpsParallel(CORE_MCPS, 3);
   const installed = results.filter((r) => r.success && !r.skipped).length;
   const failed = results.filter((r) => !r.success).length;
   const skipped = results.filter((r) => r.skipped).length;
-  console.log("");
-  console.log(`  ${c.yellow}Optional MCPs (install manually if needed):${c.reset}`);
-  console.log("");
-  for (const mcp of OPTIONAL_MCPS) {
-    const envNote = mcp.envVars?.length ? `${c.dim}(requires: ${mcp.envVars.join(", ")})${c.reset}` : "";
-    console.log(`    ${c.cyan}${mcp.name}${c.reset}: ${mcp.description} ${envNote}`);
-    if (mcp.transport === "http") {
-      console.log(`      ${c.dim}claude mcp add --transport http -s user ${mcp.name} ${mcp.url}${c.reset}`);
-    } else {
-      console.log(`      ${c.dim}claude mcp add -s user ${mcp.name} -- ${mcp.command} ${mcp.args.join(" ")}${c.reset}`);
-    }
-  }
-  console.log("");
-  console.log(`  ${c.bright}MCP Summary:${c.reset}`);
-  console.log(`    ${c.green}Installed: ${installed}${c.reset}`);
-  if (skipped > 0)
-    console.log(`    ${c.dim}Already installed: ${skipped}${c.reset}`);
-  if (failed > 0)
-    console.log(`    ${c.red}Failed: ${failed}${c.reset}`);
-  console.log("");
-  console.log(`  ${c.dim}Verify with: claude mcp list${c.reset}`);
-  console.log(`  ${c.dim}Or inside Claude Code: /mcp${c.reset}`);
-  return { installed, failed, skipped };
+  return { installed, failed, skipped, results };
+}
+function getCoreMcps() {
+  return CORE_MCPS;
 }
 
 // src/plugins.ts
@@ -771,35 +612,29 @@ var RECOMMENDED_PLUGINS = [
   {
     name: "typescript-lsp",
     marketplace: "claude-plugins-official",
-    description: "TypeScript code intelligence (go-to-definition, diagnostics)"
+    description: "code intelligence"
   },
   {
     name: "code-review",
     marketplace: "claude-plugins-official",
-    description: "Code review workflows and PR analysis"
+    description: "PR analysis"
   },
   {
     name: "security-guidance",
     marketplace: "claude-plugins-official",
-    description: "Security best practices and vulnerability detection"
+    description: "OWASP protection"
   },
   {
     name: "commit-commands",
     marketplace: "claude-plugins-official",
-    description: "Git commit, push, and PR workflows"
+    description: "git workflows"
+  },
+  {
+    name: "frontend-design",
+    marketplace: "claude-plugins-official",
+    description: "UI design"
   }
 ];
-var c2 = {
-  reset: "\x1B[0m",
-  bright: "\x1B[1m",
-  dim: "\x1B[2m",
-  green: "\x1B[32m",
-  yellow: "\x1B[33m",
-  blue: "\x1B[34m",
-  cyan: "\x1B[36m",
-  red: "\x1B[31m",
-  magenta: "\x1B[35m"
-};
 function isClaudePluginReady() {
   if (!commandExists("claude"))
     return false;
@@ -887,44 +722,120 @@ async function installPlugin(plugin) {
     }, 30000);
   });
 }
-async function installPlugins() {
-  console.log("");
-  console.log(`  ${c2.bright}${c2.magenta}Installing Plugins...${c2.reset}`);
-  console.log(`  ${c2.dim}(Also pre-configured in .claude/settings.json as fallback)${c2.reset}`);
-  console.log("");
+async function installPlugins(onProgress) {
   if (!isClaudePluginReady()) {
-    console.log(`  ${c2.yellow}Plugin commands not available. Skipping CLI installation.${c2.reset}`);
-    console.log(`  ${c2.dim}Plugins will auto-prompt when Claude Code opens the project.${c2.reset}`);
-    return { installed: 0, failed: 0, skipped: RECOMMENDED_PLUGINS.length };
+    return {
+      installed: 0,
+      failed: 0,
+      skipped: RECOMMENDED_PLUGINS.length,
+      results: []
+    };
   }
   const results = [];
-  for (const plugin of RECOMMENDED_PLUGINS) {
-    process.stdout.write(`    ${c2.dim}Installing ${plugin.name}...${c2.reset}`);
+  const total = RECOMMENDED_PLUGINS.length;
+  for (let i = 0;i < total; i++) {
+    const plugin = RECOMMENDED_PLUGINS[i];
+    onProgress?.(i + 1, total, plugin.name);
     const result = await installPlugin(plugin);
-    process.stdout.clearLine?.(0);
-    process.stdout.cursorTo?.(0);
-    const icon = result.success ? `${c2.green}\u2713${c2.reset}` : `${c2.red}\u2717${c2.reset}`;
-    const status = result.skipped ? `${c2.dim}(already installed)${c2.reset}` : result.success ? `${c2.green}OK${c2.reset}` : `${c2.yellow}skipped (will auto-prompt)${c2.reset}`;
-    console.log(`    ${icon} ${c2.cyan}${plugin.name}${c2.reset}: ${plugin.description} ${status}`);
     results.push(result);
   }
   const installed = results.filter((r) => r.success && !r.skipped).length;
   const failed = results.filter((r) => !r.success).length;
   const skipped = results.filter((r) => r.skipped).length;
+  return { installed, failed, skipped, results };
+}
+function getRecommendedPlugins() {
+  return RECOMMENDED_PLUGINS;
+}
+
+// src/ui.ts
+var c = {
+  reset: "\x1B[0m",
+  bright: "\x1B[1m",
+  dim: "\x1B[2m",
+  red: "\x1B[31m",
+  green: "\x1B[32m",
+  yellow: "\x1B[33m",
+  blue: "\x1B[34m",
+  magenta: "\x1B[35m",
+  cyan: "\x1B[36m",
+  white: "\x1B[37m",
+  bgRed: "\x1B[41m",
+  redBright: "\x1B[91m"
+};
+var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function createBanner(version) {
+  return `
+${c.redBright}     /\\                              /\\
+${c.redBright}    / \\\\  ${c.white}\u2588\u2588\u2557   \u2588\u2588\u2557${c.redBright}                / \\\\
+${c.redBright}   /   \\\\ ${c.white}\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551${c.redBright}              /   \\\\
+${c.redBright}  / /\\  \\\\${c.white}\u2588\u2588\u2554\u2550\u2588\u2588\u2554\u2550\u2588\u2588\u2551${c.redBright}            / /\\  \\\\
+${c.redBright} / /  \\  \\\\${c.white}\u2588\u2588\u2551 \u2588\u2588\u2551 \u2588\u2588\u2551${c.redBright}          / /  \\  \\\\
+${c.redBright}/_/    \\__\\\\${c.white}\u255A\u2550\u255D \u255A\u2550\u255D \u255A\u2550\u255D${c.redBright}        /_/    \\__\\\\
+${c.reset}
+${c.bright}  START VIBING${c.reset}${c.dim}  \xB7  AI-powered dev workflow  \xB7  v${version}${c.reset}
+`;
+}
+function createSpinner(initialText) {
+  let frame = 0;
+  let text = initialText;
+  let interval = null;
+  const render = () => {
+    const spinner = SPINNER_FRAMES[frame % SPINNER_FRAMES.length];
+    process.stdout.write(`\r  ${c.cyan}${spinner}${c.reset} ${text}`);
+    frame++;
+  };
+  interval = setInterval(render, 80);
+  render();
+  return {
+    update(newText) {
+      text = newText;
+    },
+    succeed(finalText) {
+      if (interval)
+        clearInterval(interval);
+      process.stdout.write(`\r  ${c.green}\u2713${c.reset} ${finalText}\x1B[K
+`);
+    },
+    fail(finalText) {
+      if (interval)
+        clearInterval(interval);
+      process.stdout.write(`\r  ${c.red}\u2717${c.reset} ${finalText}\x1B[K
+`);
+    },
+    stop() {
+      if (interval)
+        clearInterval(interval);
+      process.stdout.write(`\r\x1B[K`);
+    }
+  };
+}
+function phaseHeader(step, total, label) {
+  return `${c.dim}[${step}/${total}]${c.reset} ${label}`;
+}
+function treeItem(name, description, isLast, success) {
+  const branch = isLast ? "\u2514" : "\u251C";
+  const icon = success ? `${c.green}\u2713${c.reset}` : `${c.red}\u2717${c.reset}`;
+  return `        ${c.dim}${branch}${c.reset} ${c.cyan}${name.padEnd(21)}${c.reset}${icon}  ${c.dim}${description}${c.reset}`;
+}
+function formatElapsed(startMs) {
+  const elapsed = ((Date.now() - startMs) / 1000).toFixed(1);
+  return `${elapsed}s`;
+}
+function printOptionalMcps() {
   console.log("");
-  console.log(`  ${c2.bright}Plugin Summary:${c2.reset}`);
-  console.log(`    ${c2.green}Installed: ${installed}${c2.reset}`);
-  if (skipped > 0)
-    console.log(`    ${c2.dim}Already installed: ${skipped}${c2.reset}`);
-  if (failed > 0) {
-    console.log(`    ${c2.yellow}Deferred: ${failed} (will auto-prompt on project open)${c2.reset}`);
-  }
-  return { installed, failed, skipped };
+  console.log(`  ${c.dim}Optional MCPs (install manually):${c.reset}`);
+  console.log(`    ${c.cyan}nextjs-devtools${c.reset}  ${c.dim}\xB7${c.reset}  claude mcp add -s user nextjs-devtools -- npx -y next-devtools-mcp@latest`);
+  console.log(`    ${c.cyan}mongodb${c.reset}          ${c.dim}\xB7${c.reset}  claude mcp add -s user mongodb -- npx -y @mongodb-js/mongodb-mcp-server`);
+  console.log(`    ${c.cyan}github${c.reset}           ${c.dim}\xB7${c.reset}  claude mcp add --transport http -s user github https://api.githubcopilot.com/mcp/`);
+  console.log(`    ${c.cyan}sentry${c.reset}           ${c.dim}\xB7${c.reset}  claude mcp add --transport http -s user sentry https://mcp.sentry.dev/mcp`);
+  console.log(`    ${c.cyan}figma${c.reset}            ${c.dim}\xB7${c.reset}  claude mcp add --transport http -s user figma https://mcp.figma.com/mcp`);
 }
 
 // src/cli.ts
 var __filename3 = fileURLToPath2(import.meta.url);
 var __dirname3 = dirname2(__filename3);
+var TOTAL_PHASES = 5;
 function getVersion() {
   try {
     const paths = [
@@ -934,12 +845,12 @@ function getVersion() {
     for (const pkgPath of paths) {
       if (existsSync4(pkgPath)) {
         const pkg = JSON.parse(readFileSync4(pkgPath, "utf-8"));
-        return pkg.version || "1.0.0";
+        return pkg.version || "3.0.0";
       }
     }
-    return "1.0.0";
+    return "3.0.0";
   } catch {
-    return "1.0.0";
+    return "3.0.0";
   }
 }
 var VERSION = getVersion();
@@ -958,42 +869,21 @@ function autoCommitClaudeFiles(targetDir) {
     if (!status) {
       return { success: true, message: "No changes to commit" };
     }
-    execSync3("git add .claude/ CLAUDE.md", {
-      cwd: targetDir,
-      stdio: "pipe"
-    });
-    execSync3(`git commit --no-verify -m "chore: update Claude Code agents and skills (start-vibing v${VERSION})"`, {
-      cwd: targetDir,
-      stdio: "pipe"
-    });
+    execSync3("git add .claude/ CLAUDE.md", { cwd: targetDir, stdio: "pipe" });
+    execSync3(`git commit --no-verify -m "chore: update Claude Code agents and skills (start-vibing v${VERSION})"`, { cwd: targetDir, stdio: "pipe" });
     return { success: true, message: "Changes committed" };
-  } catch (error) {
-    const errorMessage = error instanceof Error ? error.message : "Unknown error";
-    return { success: false, message: errorMessage };
+  } catch {
+    return { success: false, message: "Commit failed (non-critical)" };
   }
 }
-var BANNER = `
-  _____ _             _    __     __ _  _      _
- / ____| |           | |   \\ \\   / /(_)| |    (_)
-| (___ | |_  __ _ _ __| |_   \\ \\_/ /  _ | |__   _  _ __   __ _
- \\___ \\| __|/ _\` | '__| __|   \\   /  | || '_ \\ | || '_ \\ / _\` |
- ____) | |_| (_| | |  | |_     | |   | || |_) || || | | || (_| |
-|_____/ \\__|\\__,_|_|   \\__|    |_|   |_||_.__/ |_||_| |_| \\__, |
-                                                          __/ |
-                                                         |___/
-                                                      v${VERSION}
-`;
-var HELP = `
-${BANNER}
+var HELP = `${createBanner(VERSION)}
   Setup Claude Code agents, skills, and hooks in your project.
-  Automatically installs Claude Code if missing and launches it.
 
-  Usage:
+  ${c.bright}Usage:${c.reset}
     npx start-vibing [options]
-    bunx start-vibing [options]
-    start-vibing [options]  (if installed globally)
 
-  Options:
+  ${c.bright}Options:${c.reset}
+    --new             Start fresh Claude session (default: resume last)
     --force           Overwrite all files (including custom domains)
     --no-claude       Skip Claude Code installation and launch
     --no-mcp          Skip MCP server installation
@@ -1001,33 +891,14 @@ ${BANNER}
     --help, -h        Show this help message
     --version, -v     Show version
 
-  What it does:
-    1. Checks for start-vibing updates (cached for 1 hour)
-    2. Creates .claude/ folder with agents, skills, hooks, config
-    3. Installs Claude Code if not found on system
-    4. Installs recommended MCP servers (Context7, Playwright, etc.)
-    5. Installs recommended plugins (TypeScript LSP, Code Review, etc.)
-    6. Launches Claude Code with --dangerously-skip-permissions
-
-  Smart Copy Behavior:
-    - ALWAYS overwrites: agents/*.md, hooks/*.py, settings.json
-    - PRESERVES: skills/*/domains/*.md (your custom domains)
-    - MERGES: Adds new skills, keeps your customizations
-
-  Installation:
-    For permanent access, install globally:
-      npm install -g start-vibing
-
-  Claude Code Installation:
-    Automatically uses official native installers:
-      - macOS/Linux: curl -fsSL https://claude.ai/install.sh | bash
-      - Windows: irm https://claude.ai/install.ps1 | iex
+  ${c.bright}What it does:${c.reset}
+    [1] Copies template files (agents, skills, hooks, config)
+    [2] Sets up Claude Code (install/migrate if needed)
+    [3] Installs MCP servers (Context7, Playwright, Memory, etc.)
+    [4] Installs plugins (TypeScript LSP, Code Review, Security, etc.)
+    [5] Launches Claude Code (resumes last session by default)
 
-    If npm installation detected, automatically migrates to native
-    for better auto-update support.
-
-  Documentation:
-    https://github.com/LimaTechnologies/ai-development
+  ${c.dim}https://github.com/LimaTechnologies/ai-development${c.reset}
 `;
 async function main() {
   const args = process.argv.slice(2);
@@ -1043,124 +914,112 @@ async function main() {
   const skipClaude = args.includes("--no-claude");
   const skipMcp = args.includes("--no-mcp");
   const skipUpdateCheck = args.includes("--no-update-check");
+  const newSession = args.includes("--new");
   const targetDir = process.cwd();
+  const globalStart = Date.now();
   if (!skipUpdateCheck) {
     try {
-      console.log("  Checking for updates...");
       const updateResult = await checkForUpdates(VERSION);
       if (updateResult.updateAvailable) {
         console.log("");
-        console.log(`  Update available: v${updateResult.currentVersion} -> v${updateResult.latestVersion}`);
-        console.log(`  Run: ${getUpdateCommand()}`);
-        console.log("");
-      } else {
-        console.log("  You are using the latest version.");
+        console.log(`  ${c.yellow}Update available:${c.reset} v${updateResult.currentVersion} ${c.dim}->${c.reset} v${updateResult.latestVersion}`);
+        console.log(`  ${c.dim}Run: ${getUpdateCommand()}${c.reset}`);
         console.log("");
       }
     } catch {
     }
   }
-  console.log(BANNER);
-  console.log("  Setting up Claude Code workflow...\n");
+  console.log(createBanner(VERSION));
   if (isRunningViaNpx()) {
-    console.log("  TIP: For permanent access, install globally:");
-    console.log("       npm install -g start-vibing");
-    console.log("       Then just run: start-vibing");
+    console.log(`  ${c.dim}TIP: npm install -g start-vibing for permanent access${c.reset}`);
     console.log("");
   }
-  const claudeDir = join4(targetDir, ".claude");
-  if (existsSync4(claudeDir) && !force) {
-    console.log("  Found existing .claude/ folder.");
-    console.log("  Will preserve your custom domains and merge with new files.\n");
-  }
+  const phase1Start = Date.now();
+  const spinner1 = createSpinner(phaseHeader(1, TOTAL_PHASES, "Copying template files..."));
   try {
     const result = await copyClaudeSetup(targetDir, { force });
-    console.log("\n  Setup complete!\n");
-    console.log("  Files created/updated:");
-    console.log(`    - Agents: ${result.agents} files`);
-    console.log(`    - Skills: ${result.skills} files`);
-    console.log(`    - Hooks: ${result.hooks} files`);
-    console.log(`    - Config: ${result.config} files`);
+    autoCommitClaudeFiles(targetDir);
+    ensureHooksEnabled();
+    const counts = `${result.agents} agents, ${result.skills} skills, ${result.hooks} hooks`;
+    spinner1.succeed(phaseHeader(1, TOTAL_PHASES, `Template files ${c.dim}${"\xB7".repeat(14)}${c.reset} ${counts}  ${c.dim}${formatElapsed(phase1Start)}${c.reset}`));
     if (result.preserved > 0) {
-      console.log(`\n  Preserved ${result.preserved} custom file(s) (domains, etc.)`);
+      console.log(`        ${c.dim}(preserved ${result.preserved} custom file(s))${c.reset}`);
     }
-    console.log("\n  Auto-committing Claude files...");
-    const commitResult = autoCommitClaudeFiles(targetDir);
-    if (commitResult.success) {
-      if (commitResult.message === "No changes to commit") {
-        console.log("  No new changes to commit.");
-      } else {
-        console.log("  Claude files committed (--no-verify used to bypass hooks).");
-      }
-    } else {
-      if (commitResult.message === "Not a git repository") {
-        console.log("  Skipped auto-commit (not a git repository).");
-      } else {
-        console.log("  Auto-commit skipped (non-critical).");
-      }
-    }
-    const hooksResult = ensureHooksEnabled();
-    if (hooksResult.modified) {
-      console.log("\n  Fixed global settings: removed disableAllHooks (hooks now enabled)");
+  } catch (error) {
+    spinner1.fail(phaseHeader(1, TOTAL_PHASES, `Template files failed`));
+    console.error(`        ${c.red}${error}${c.reset}`);
+    process.exit(1);
+  }
+  if (skipClaude) {
+    console.log("");
+    console.log(`  ${c.dim}Skipped Claude Code setup (--no-claude)${c.reset}`);
+    console.log(`  ${c.dim}Run: claude --dangerously-skip-permissions${c.reset}`);
+    console.log("");
+    console.log(`  ${c.green}Setup complete${c.reset} in ${formatElapsed(globalStart)}`);
+    process.exit(0);
+  }
+  const phase2Start = Date.now();
+  const spinner2 = createSpinner(phaseHeader(2, TOTAL_PHASES, "Setting up Claude Code..."));
+  const installResult = await installClaude();
+  if (!installResult.success) {
+    spinner2.fail(phaseHeader(2, TOTAL_PHASES, `Claude Code setup failed`));
+    console.log(`        ${c.dim}Install manually: https://claude.ai/code${c.reset}`);
+    process.exit(1);
+  }
+  const claudeStatus = installResult.migrated ? "migrated to native" : installResult.alreadyInstalled ? "ready (native)" : "installed";
+  spinner2.succeed(phaseHeader(2, TOTAL_PHASES, `Claude Code ${c.dim}${"\xB7".repeat(18)}${c.reset} ${claudeStatus}  ${c.dim}${formatElapsed(phase2Start)}${c.reset}`));
+  const phase3Start = Date.now();
+  if (!skipMcp && isClaudeMcpReady()) {
+    const spinner3 = createSpinner(phaseHeader(3, TOTAL_PHASES, "Installing MCP servers..."));
+    const mcpResult = await installMcps((current, total, name) => {
+      spinner3.update(phaseHeader(3, TOTAL_PHASES, `Installing MCP servers... ${c.dim}${current}/${total} ${name}${c.reset}`));
+    });
+    const mcpOk = mcpResult.installed + mcpResult.skipped;
+    const mcpTotal = mcpOk + mcpResult.failed;
+    const mcpSummary = `${mcpOk}/${mcpTotal} installed`;
+    spinner3.succeed(phaseHeader(3, TOTAL_PHASES, `MCP servers ${c.dim}${"\xB7".repeat(17)}${c.reset} ${mcpSummary}  ${c.dim}${formatElapsed(phase3Start)}${c.reset}`));
+    const coreMcps = getCoreMcps();
+    for (let i = 0;i < mcpResult.results.length; i++) {
+      const r = mcpResult.results[i];
+      const mcp = coreMcps[i];
+      const isLast = i === mcpResult.results.length - 1;
+      console.log(treeItem(r.server, mcp.description, isLast, r.success));
     }
-    if (!skipClaude) {
-      console.log("");
-      console.log("  ========================================");
-      console.log("  Claude Code Setup");
-      console.log("  ========================================");
-      console.log("");
-      const installResult = await installClaude();
-      if (!installResult.success) {
-        console.error("");
-        console.error("  Failed to install Claude Code:", installResult.error);
-        console.error("");
-        console.error("  You can install manually from: https://claude.ai/code");
-        console.error("");
-        console.log("  Next steps (manual):");
-        console.log("    1. Install Claude Code from https://claude.ai/code");
-        console.log("    2. Restart your terminal");
-        console.log("    3. Run: claude --dangerously-skip-permissions");
-        console.log("");
-        process.exit(0);
-      }
-      if (installResult.migrated) {
-        console.log("");
-        console.log("  Migrated to native installer (auto-updates enabled).");
-      } else if (installResult.alreadyInstalled) {
-        console.log("  Claude Code is ready (native installer).");
-      } else {
-        console.log("");
-        console.log("  Claude Code installed successfully!");
-      }
-      if (!skipMcp && isClaudeMcpReady()) {
-        console.log("");
-        console.log("  ========================================");
-        console.log("  MCP Servers Setup");
-        console.log("  ========================================");
-        await installMcps();
-      } else if (!skipMcp) {
-        console.log("");
-        console.log("  MCP installation skipped (Claude CLI not ready).");
-        console.log('  Run "claude mcp list" after restart to verify.');
-      }
-      if (!skipMcp && isClaudePluginReady()) {
-        console.log("");
-        console.log("  ========================================");
-        console.log("  Plugin Setup");
-        console.log("  ========================================");
-        await installPlugins();
-      }
-      console.log("");
-      launchClaude(targetDir);
+  } else {
+    const spinner3 = createSpinner(phaseHeader(3, TOTAL_PHASES, "Installing MCP servers..."));
+    if (skipMcp) {
+      spinner3.succeed(phaseHeader(3, TOTAL_PHASES, `MCP servers ${c.dim}${"\xB7".repeat(17)}${c.reset} skipped (--no-mcp)`));
     } else {
-      console.log("\n  Next steps:");
-      console.log("    1. Edit .claude/config/project-config.json with your stack");
-      console.log("    2. Run: claude --dangerously-skip-permissions");
-      console.log("    3. Follow the agent workflow for your development\n");
+      spinner3.fail(phaseHeader(3, TOTAL_PHASES, `MCP servers ${c.dim}${"\xB7".repeat(17)}${c.reset} skipped (CLI not ready)`));
     }
-  } catch (error) {
-    console.error("\n  Error during setup:", error);
-    process.exit(1);
   }
+  const phase4Start = Date.now();
+  if (!skipMcp && isClaudePluginReady()) {
+    const spinner4 = createSpinner(phaseHeader(4, TOTAL_PHASES, "Installing plugins..."));
+    const pluginResult = await installPlugins((current, total, name) => {
+      spinner4.update(phaseHeader(4, TOTAL_PHASES, `Installing plugins... ${c.dim}${current}/${total} ${name}${c.reset}`));
+    });
+    const pluginOk = pluginResult.installed + pluginResult.skipped;
+    const pluginTotal = pluginOk + pluginResult.failed;
+    const pluginSummary = `${pluginOk}/${pluginTotal} installed`;
+    spinner4.succeed(phaseHeader(4, TOTAL_PHASES, `Plugins ${c.dim}${"\xB7".repeat(21)}${c.reset} ${pluginSummary}  ${c.dim}${formatElapsed(phase4Start)}${c.reset}`));
+    const plugins = getRecommendedPlugins();
+    for (let i = 0;i < pluginResult.results.length; i++) {
+      const r = pluginResult.results[i];
+      const plugin = plugins[i];
+      const isLast = i === pluginResult.results.length - 1;
+      console.log(treeItem(plugin.name, plugin.description, isLast, r.success));
+    }
+  } else {
+    const spinner4 = createSpinner(phaseHeader(4, TOTAL_PHASES, "Installing plugins..."));
+    spinner4.succeed(phaseHeader(4, TOTAL_PHASES, `Plugins ${c.dim}${"\xB7".repeat(21)}${c.reset} ${c.dim}deferred (will auto-prompt)${c.reset}`));
+  }
+  const launchMode = newSession ? "new session" : "resuming last session";
+  console.log(`  ${c.green}\u2713${c.reset} ${phaseHeader(5, TOTAL_PHASES, `Launching Claude Code ${c.dim}${"\xB7".repeat(7)}${c.reset} ${launchMode}`)}`);
+  printOptionalMcps();
+  console.log("");
+  console.log(`  ${c.green}Setup complete${c.reset} in ${formatElapsed(globalStart)}`);
+  console.log("");
+  launchClaude(targetDir, { newSession });
 }
 main();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "start-vibing",
-	"version": "2.0.50",
+	"version": "3.0.0",
 	"description": "Setup Claude Code agents, skills, and hooks in your project. Smart copy that preserves your custom domains and configurations.",
 	"type": "module",
 	"bin": {

package/template/.claude/settings.json

@@ -23,7 +23,8 @@
 		"typescript-lsp@claude-plugins-official": true,
 		"code-review@claude-plugins-official": true,
 		"security-guidance@claude-plugins-official": true,
-		"commit-commands@claude-plugins-official": true
+		"commit-commands@claude-plugins-official": true,
+		"frontend-design@claude-plugins-official": true
 	},
 
 	"context": {