codebakers 2.0.0 → 2.0.1

package/dist/index.js

@@ -2,8 +2,8 @@
 
 // src/index.ts
 import { Command } from "commander";
-import * as p12 from "@clack/prompts";
-import chalk13 from "chalk";
+import * as p13 from "@clack/prompts";
+import chalk14 from "chalk";
 import boxen from "boxen";
 import gradient from "gradient-string";
 
@@ -371,7 +371,7 @@ ${chalk2.dim("and are never sent to our servers.")}`,
   p.outro(chalk2.green("\u2713 Setup complete! Run `codebakers init` to create your first project."));
 }
 async function connectService(config, serviceKey, serviceName, required) {
-  const spinner10 = p.spinner();
+  const spinner11 = p.spinner();
   switch (serviceKey) {
     case "github": {
       p.log.info(`${chalk2.bold("GitHub")} - Opens browser for OAuth authorization`);
@@ -845,10 +845,10 @@ var SupabaseService = class {
       throw new Error("Failed to list projects");
     }
     const projects = await response.json();
-    return projects.map((p13) => ({
-      id: p13.id,
-      name: p13.name,
-      region: p13.region
+    return projects.map((p14) => ({
+      id: p14.id,
+      name: p14.name,
+      region: p14.region
     }));
   }
 };
@@ -1268,20 +1268,20 @@ Domain:     ${domain || "Vercel default"}`,
     p2.cancel("Project creation cancelled.");
     return;
   }
-  const spinner10 = p2.spinner();
+  const spinner11 = p2.spinner();
   const projectPath = path2.join(process.cwd(), projectName);
   try {
-    spinner10.start("Creating local project...");
+    spinner11.start("Creating local project...");
     await createLocalProject(projectPath, projectConfig);
-    spinner10.stop("Local project created");
-    spinner10.start("Installing dependencies...");
+    spinner11.stop("Local project created");
+    spinner11.start("Installing dependencies...");
     await execa2("pnpm", ["install"], { cwd: projectPath });
-    spinner10.stop("Dependencies installed");
+    spinner11.stop("Dependencies installed");
     if (services.includes("github")) {
-      spinner10.start("Creating GitHub repository...");
+      spinner11.start("Creating GitHub repository...");
       const github = new GitHubService(config);
       const repo = await github.createRepo(projectName, { private: true });
-      spinner10.stop(`GitHub repo created: ${repo.html_url}`);
+      spinner11.stop(`GitHub repo created: ${repo.html_url}`);
       await execa2("git", ["init"], { cwd: projectPath });
       await execa2("git", ["add", "."], { cwd: projectPath });
       await execa2("git", ["commit", "-m", "Initial commit by CodeBakers"], { cwd: projectPath });
@@ -1289,10 +1289,10 @@ Domain:     ${domain || "Vercel default"}`,
       await execa2("git", ["push", "-u", "origin", "main"], { cwd: projectPath });
     }
     if (services.includes("supabase")) {
-      spinner10.start("Creating Supabase project...");
+      spinner11.start("Creating Supabase project...");
       const supabase = new SupabaseService(config);
       const project = await supabase.createProject(projectName);
-      spinner10.stop(`Supabase project created: ${project.name}`);
+      spinner11.stop(`Supabase project created: ${project.name}`);
       await fs2.writeJson(
         path2.join(projectPath, ".codebakers", "supabase.json"),
         { projectId: project.id, projectUrl: project.api_url },
@@ -1300,26 +1300,26 @@ Domain:     ${domain || "Vercel default"}`,
       );
     }
     if (services.includes("vercel")) {
-      spinner10.start("Creating Vercel project...");
+      spinner11.start("Creating Vercel project...");
       const vercel = new VercelService(config);
       const project = await vercel.createProject(projectName);
-      spinner10.stop(`Vercel project created`);
+      spinner11.stop(`Vercel project created`);
       if (domain) {
-        spinner10.start(`Configuring domain: ${domain}...`);
+        spinner11.start(`Configuring domain: ${domain}...`);
         await vercel.addDomain(projectName, domain);
-        spinner10.stop("Domain configured");
+        spinner11.stop("Domain configured");
       }
-      spinner10.start("Deploying to Vercel...");
+      spinner11.start("Deploying to Vercel...");
       const deployment = await vercel.deploy(projectPath);
-      spinner10.stop(`Deployed: ${deployment.url}`);
+      spinner11.stop(`Deployed: ${deployment.url}`);
     }
-    spinner10.start("Generating CLAUDE.md...");
+    spinner11.start("Generating CLAUDE.md...");
     const claudeMd = generateClaudeMd(projectConfig);
     await fs2.writeFile(path2.join(projectPath, "CLAUDE.md"), claudeMd);
-    spinner10.stop("CLAUDE.md generated");
-    spinner10.start("Setting up CodeBakers enforcement...");
+    spinner11.stop("CLAUDE.md generated");
+    spinner11.start("Setting up CodeBakers enforcement...");
     await setupGitHooks(projectPath);
-    spinner10.stop("CodeBakers enforcement configured");
+    spinner11.stop("CodeBakers enforcement configured");
     config.addProject({
       name: projectName,
       path: projectPath,
@@ -1339,7 +1339,7 @@ ${chalk3.dim("Shortcuts:")}
   ${chalk3.cyan("codebakers deploy")} \u2014 Deploy to production
 `));
   } catch (error) {
-    spinner10.stop("Error occurred");
+    spinner11.stop("Error occurred");
     p2.log.error(`Failed to create project: ${error instanceof Error ? error.message : "Unknown error"}`);
     const cleanup = await p2.confirm({
       message: "Clean up partially created project?"
@@ -2065,17 +2065,17 @@ async function checkCommand(options = {}) {
     return;
   }
   p3.intro(chalk4.bgCyan.black(" CodeBakers Pattern Check "));
-  const spinner10 = p3.spinner();
-  spinner10.start("Analyzing code...");
+  const spinner11 = p3.spinner();
+  spinner11.start("Analyzing code...");
   const result = await runPatternCheck(options.fix || false);
-  spinner10.stop("Analysis complete");
+  spinner11.stop("Analysis complete");
   displayResults(result);
   if (result.violations.length > 0 && options.fix) {
     const fixable = result.violations.filter((v) => v.autoFixable);
     if (fixable.length > 0) {
-      spinner10.start(`Auto-fixing ${fixable.length} violations...`);
+      spinner11.start(`Auto-fixing ${fixable.length} violations...`);
       await autoFix(fixable);
-      spinner10.stop("Auto-fix complete");
+      spinner11.stop("Auto-fix complete");
     }
   }
   const errors = result.violations.filter((v) => v.severity === "error");
@@ -2267,14 +2267,14 @@ async function codeCommand(prompt, options = {}) {
   }
 }
 async function processUserInput(userInput, messages, anthropic, systemPrompt, projectContext, config) {
-  const spinner10 = p4.spinner();
+  const spinner11 = p4.spinner();
   messages.push({ role: "user", content: userInput });
   const wizardResult = await checkForWizard(userInput);
   if (wizardResult) {
     messages[messages.length - 1].content = wizardResult;
   }
   try {
-    spinner10.start("Thinking...");
+    spinner11.start("Thinking...");
     const response = await anthropic.messages.create({
       model: "claude-sonnet-4-20250514",
       max_tokens: 8192,
@@ -2284,7 +2284,7 @@ async function processUserInput(userInput, messages, anthropic, systemPrompt, pr
         content: m.content
       }))
     });
-    spinner10.stop("");
+    spinner11.stop("");
     const assistantMessage = response.content[0].type === "text" ? response.content[0].text : "";
     messages.push({ role: "assistant", content: assistantMessage });
     const actions = parseActions(assistantMessage);
@@ -2299,11 +2299,11 @@ async function processUserInput(userInput, messages, anthropic, systemPrompt, pr
         initialValue: true
       });
       if (proceed && !p4.isCancel(proceed)) {
-        spinner10.start("Building...");
+        spinner11.start("Building...");
         for (const action of actions) {
-          await executeAction(action, spinner10);
+          await executeAction(action, spinner11);
         }
-        spinner10.stop("Build complete");
+        spinner11.stop("Build complete");
         console.log(chalk5.dim("\n\u{1F50D} Running CodeBakers check..."));
         const checkResult = await runPatternCheck(false);
         if (checkResult.violations.length > 0) {
@@ -2314,9 +2314,9 @@ async function processUserInput(userInput, messages, anthropic, systemPrompt, pr
             initialValue: true
           });
           if (autoFix2 && !p4.isCancel(autoFix2)) {
-            spinner10.start("Auto-fixing...");
+            spinner11.start("Auto-fixing...");
             await autoFixViolations(checkResult.violations, anthropic, systemPrompt);
-            spinner10.stop("Violations fixed");
+            spinner11.stop("Violations fixed");
           }
         } else {
           console.log(chalk5.green("\u2713 All patterns satisfied"));
@@ -2327,7 +2327,7 @@ async function processUserInput(userInput, messages, anthropic, systemPrompt, pr
       console.log("\n" + assistantMessage + "\n");
     }
   } catch (error) {
-    spinner10.stop("Error");
+    spinner11.stop("Error");
     console.log(chalk5.red(`Error: ${error instanceof Error ? error.message : "Unknown error"}`));
   }
 }
@@ -2439,14 +2439,14 @@ function parseActions(response) {
   }
   return actions;
 }
-async function executeAction(action, spinner10) {
+async function executeAction(action, spinner11) {
   const cwd = process.cwd();
   switch (action.type) {
     case "CREATE_FILE": {
       const filePath = path5.join(cwd, action.path);
       await fs5.ensureDir(path5.dirname(filePath));
       await fs5.writeFile(filePath, action.content);
-      spinner10.message(`Created ${action.path}`);
+      spinner11.message(`Created ${action.path}`);
       break;
     }
     case "EDIT_FILE": {
@@ -2456,13 +2456,13 @@ async function executeAction(action, spinner10) {
         if (action.find && content.includes(action.find)) {
           content = content.replace(action.find, action.replace || "");
           await fs5.writeFile(filePath, content);
-          spinner10.message(`Edited ${action.path}`);
+          spinner11.message(`Edited ${action.path}`);
         }
       }
       break;
     }
     case "RUN_COMMAND": {
-      spinner10.message(`Running: ${action.command}`);
+      spinner11.message(`Running: ${action.command}`);
       const [cmd, ...args2] = action.command.split(" ");
       await execa3(cmd, args2, { cwd, stdio: "pipe" });
       break;
@@ -2471,7 +2471,7 @@ async function executeAction(action, spinner10) {
       const filePath = path5.join(cwd, action.path);
       if (await fs5.pathExists(filePath)) {
         await fs5.remove(filePath);
-        spinner10.message(`Deleted ${action.path}`);
+        spinner11.message(`Deleted ${action.path}`);
       }
       break;
     }
@@ -2719,12 +2719,12 @@ async function deployCommand(options = {}) {
     return;
   }
   p5.intro(chalk6.bgCyan.black(" Deploy to Production "));
-  const spinner10 = p5.spinner();
+  const spinner11 = p5.spinner();
   if (options.check !== false) {
-    spinner10.start("Running CodeBakers check...");
+    spinner11.start("Running CodeBakers check...");
     const checkResult = await runPatternCheck(false);
     if (!checkResult.passed) {
-      spinner10.stop("");
+      spinner11.stop("");
       const errors = checkResult.violations.filter((v) => v.severity === "error");
       if (errors.length > 0) {
         p5.log.error(`${errors.length} pattern violations found. Fix before deploying.`);
@@ -2745,9 +2745,9 @@ async function deployCommand(options = {}) {
           p5.outro(chalk6.red("Deploy cancelled."));
           return;
         }
-        spinner10.start("Auto-fixing with AI...");
+        spinner11.start("Auto-fixing with AI...");
         await autoFixWithAI(config, errors);
-        spinner10.stop("Auto-fix complete");
+        spinner11.stop("Auto-fix complete");
         const recheck = await runPatternCheck(false);
         if (!recheck.passed) {
           p5.log.error("Some violations remain. Manual fix required.");
@@ -2756,23 +2756,23 @@ async function deployCommand(options = {}) {
         }
       }
     }
-    spinner10.stop("Pattern check passed");
+    spinner11.stop("Pattern check passed");
   }
-  spinner10.start("Running TypeScript check...");
+  spinner11.start("Running TypeScript check...");
   try {
     await execa4("npx", ["tsc", "--noEmit"], { cwd: process.cwd() });
-    spinner10.stop("TypeScript check passed");
+    spinner11.stop("TypeScript check passed");
   } catch (error) {
-    spinner10.stop("");
+    spinner11.stop("");
     p5.log.error("TypeScript errors found.");
     const fix = await p5.confirm({
       message: "Attempt to fix TypeScript errors?",
       initialValue: true
     });
     if (fix && !p5.isCancel(fix)) {
-      spinner10.start("Fixing TypeScript errors...");
+      spinner11.start("Fixing TypeScript errors...");
       const fixed = await fixTypeScriptErrors(config);
-      spinner10.stop(fixed ? "TypeScript errors fixed" : "Could not auto-fix all errors");
+      spinner11.stop(fixed ? "TypeScript errors fixed" : "Could not auto-fix all errors");
       if (!fixed) {
         p5.outro(chalk6.red("Deploy cancelled."));
         return;
@@ -2782,12 +2782,12 @@ async function deployCommand(options = {}) {
       return;
     }
   }
-  spinner10.start("Building project...");
+  spinner11.start("Building project...");
   try {
     await execa4("pnpm", ["build"], { cwd: process.cwd() });
-    spinner10.stop("Build successful");
+    spinner11.stop("Build successful");
   } catch (error) {
-    spinner10.stop("");
+    spinner11.stop("");
     p5.log.error("Build failed.");
     const errorOutput = error instanceof Error ? error.message : "Unknown error";
     console.log(chalk6.dim(errorOutput));
@@ -2796,16 +2796,16 @@ async function deployCommand(options = {}) {
       initialValue: true
     });
     if (fix && !p5.isCancel(fix)) {
-      spinner10.start("Fixing build errors...");
+      spinner11.start("Fixing build errors...");
       const fixed = await fixBuildErrors(config, errorOutput);
-      spinner10.stop(fixed ? "Build errors fixed" : "Could not auto-fix");
+      spinner11.stop(fixed ? "Build errors fixed" : "Could not auto-fix");
       if (fixed) {
-        spinner10.start("Retrying build...");
+        spinner11.start("Retrying build...");
         try {
           await execa4("pnpm", ["build"], { cwd: process.cwd() });
-          spinner10.stop("Build successful");
+          spinner11.stop("Build successful");
         } catch {
-          spinner10.stop("Build still failing");
+          spinner11.stop("Build still failing");
           p5.outro(chalk6.red("Deploy cancelled."));
           return;
         }
@@ -2818,10 +2818,10 @@ async function deployCommand(options = {}) {
       return;
     }
   }
-  spinner10.start("Checking for uncommitted changes...");
+  spinner11.start("Checking for uncommitted changes...");
   const { stdout: gitStatus } = await execa4("git", ["status", "--porcelain"], { cwd: process.cwd() });
   if (gitStatus.trim()) {
-    spinner10.stop("");
+    spinner11.stop("");
     const commit = await p5.confirm({
       message: "You have uncommitted changes. Commit before deploying?",
       initialValue: true
@@ -2835,20 +2835,20 @@ async function deployCommand(options = {}) {
       if (!p5.isCancel(message)) {
         await execa4("git", ["add", "."], { cwd: process.cwd() });
         await execa4("git", ["commit", "-m", message], { cwd: process.cwd() });
-        spinner10.start("Pushing to GitHub...");
+        spinner11.start("Pushing to GitHub...");
         await execa4("git", ["push"], { cwd: process.cwd() });
-        spinner10.stop("Pushed to GitHub");
+        spinner11.stop("Pushed to GitHub");
       }
     }
   } else {
-    spinner10.stop("No uncommitted changes");
+    spinner11.stop("No uncommitted changes");
   }
   const deployType = options.preview ? "preview" : "production";
-  spinner10.start(`Deploying to ${deployType}...`);
+  spinner11.start(`Deploying to ${deployType}...`);
   try {
     const vercel = new VercelService(config);
     const deployment = await vercel.deploy(process.cwd(), !options.preview);
-    spinner10.stop("Deployment complete!");
+    spinner11.stop("Deployment complete!");
     console.log(boxedOutput(`
 ${chalk6.green("\u2713")} Deployed successfully!
 
@@ -2860,7 +2860,7 @@ ${chalk6.dim("View in Vercel Dashboard:")}
 ${chalk6.dim(deployment.dashboardUrl || "https://vercel.com/dashboard")}
 `));
   } catch (error) {
-    spinner10.stop("");
+    spinner11.stop("");
     const errorMsg = error instanceof Error ? error.message : "Unknown error";
     p5.log.error(`Deployment failed: ${errorMsg}`);
     if (errorMsg.includes("Build failed")) {
@@ -2869,8 +2869,8 @@ ${chalk6.dim(deployment.dashboardUrl || "https://vercel.com/dashboard")}
         initialValue: true
       });
       if (retry && !p5.isCancel(retry)) {
-        spinner10.start("Analyzing Vercel build error...");
-        spinner10.stop("Fix attempted");
+        spinner11.start("Analyzing Vercel build error...");
+        spinner11.stop("Fix attempted");
       }
     }
     p5.outro(chalk6.red("Deploy failed."));
@@ -3236,10 +3236,10 @@ you'll need a Meta Business account.
     initialValue: true
   });
   if (!proceed || p7.isCancel(proceed)) return;
-  const spinner10 = p7.spinner();
-  spinner10.start("Generating QR code...");
+  const spinner11 = p7.spinner();
+  spinner11.start("Generating QR code...");
   try {
-    spinner10.stop("");
+    spinner11.stop("");
     console.log(chalk8.cyan(`
 \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
 \u2551                                    \u2551
@@ -3271,7 +3271,7 @@ Scan this QR code with WhatsApp:
       p7.log.success("WhatsApp connected!");
     }
   } catch (error) {
-    spinner10.stop("Error connecting WhatsApp");
+    spinner11.stop("Error connecting WhatsApp");
     p7.log.error(error instanceof Error ? error.message : "Unknown error");
   }
 }
@@ -3302,15 +3302,15 @@ To create a Telegram bot:
     }
   });
   if (p7.isCancel(token)) return;
-  const spinner10 = p7.spinner();
-  spinner10.start("Verifying bot token...");
+  const spinner11 = p7.spinner();
+  spinner11.start("Verifying bot token...");
   try {
     const response = await fetch(`https://api.telegram.org/bot${token}/getMe`);
     const data = await response.json();
     if (!data.ok) {
       throw new Error(data.description || "Invalid token");
     }
-    spinner10.stop("Bot verified!");
+    spinner11.stop("Bot verified!");
     config.setChannelConfig("telegram", {
       enabled: true,
       botToken: token,
@@ -3318,7 +3318,7 @@ To create a Telegram bot:
     });
     p7.log.success(`Connected to @${data.result.username}`);
   } catch (error) {
-    spinner10.stop("Verification failed");
+    spinner11.stop("Verification failed");
     p7.log.error(error instanceof Error ? error.message : "Invalid token");
   }
 }
@@ -3456,10 +3456,10 @@ This requires:
   p7.log.info("iMessage support coming soon.");
 }
 async function startAllChannels(config) {
-  const spinner10 = p7.spinner();
-  spinner10.start("Starting channel gateway...");
+  const spinner11 = p7.spinner();
+  spinner11.start("Starting channel gateway...");
   await new Promise((resolve) => setTimeout(resolve, 1e3));
-  spinner10.stop("Gateway started");
+  spinner11.stop("Gateway started");
   console.log(chalk8.green(`
 \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
 \u2551  Gateway is running!                  \u2551
@@ -3473,10 +3473,10 @@ async function startAllChannels(config) {
 `));
 }
 async function stopAllChannels(config) {
-  const spinner10 = p7.spinner();
-  spinner10.start("Stopping gateway...");
+  const spinner11 = p7.spinner();
+  spinner11.start("Stopping gateway...");
   await new Promise((resolve) => setTimeout(resolve, 500));
-  spinner10.stop("Gateway stopped");
+  spinner11.stop("Gateway stopped");
 }
 async function deployGatewayWizard(config) {
   p7.log.info(chalk8.bold("Deploy Gateway to Cloud"));
@@ -3591,10 +3591,10 @@ import glob2 from "fast-glob";
 import * as path8 from "path";
 async function securityCommand() {
   p9.intro(chalk10.bgCyan.black(" Security Audit "));
-  const spinner10 = p9.spinner();
-  spinner10.start("Scanning for security issues...");
+  const spinner11 = p9.spinner();
+  spinner11.start("Scanning for security issues...");
   const issues = await runSecurityScan();
-  spinner10.stop("Scan complete");
+  spinner11.stop("Scan complete");
   if (issues.length === 0) {
     console.log(chalk10.green("\n\u2713 No security issues found!\n"));
     displaySecurityScore(100);
@@ -3688,10 +3688,10 @@ async function generateCommand(type) {
     validate: (v) => !v ? "Name is required" : void 0
   });
   if (p10.isCancel(name)) return;
-  const spinner10 = p10.spinner();
-  spinner10.start("Generating...");
+  const spinner11 = p10.spinner();
+  spinner11.start("Generating...");
   await generateFile(generateType, name);
-  spinner10.stop(`Generated ${name}`);
+  spinner11.stop(`Generated ${name}`);
   p10.outro("");
 }
 async function generateFile(type, name) {
@@ -3836,17 +3836,273 @@ import * as p11 from "@clack/prompts";
 import chalk12 from "chalk";
 async function fixCommand() {
   p11.intro(chalk12.bgCyan.black(" Auto-Fix "));
-  const spinner10 = p11.spinner();
-  spinner10.start("Analyzing code...");
+  const spinner11 = p11.spinner();
+  spinner11.start("Analyzing code...");
   const result = await runPatternCheck(true);
   if (result.passed) {
-    spinner10.stop("No issues found!");
+    spinner11.stop("No issues found!");
   } else {
-    spinner10.stop(`Fixed ${result.violations.length} issues`);
+    spinner11.stop(`Fixed ${result.violations.length} issues`);
   }
   p11.outro(chalk12.green("Done!"));
 }
 
+// src/commands/design.ts
+import * as p12 from "@clack/prompts";
+import chalk13 from "chalk";
+import * as fs10 from "fs-extra";
+import * as path10 from "path";
+var DESIGN_PROFILES = {
+  minimal: {
+    name: "Minimal",
+    inspiration: "Linear, Notion, Vercel",
+    fonts: { heading: "Inter", body: "Inter" },
+    corners: "rounded-md",
+    shadows: "none",
+    spacing: "generous"
+  },
+  bold: {
+    name: "Bold",
+    inspiration: "Stripe, Ramp, Mercury",
+    fonts: { heading: "Plus Jakarta Sans", body: "Inter" },
+    corners: "rounded-2xl",
+    shadows: "elevated",
+    spacing: "generous"
+  },
+  editorial: {
+    name: "Editorial",
+    inspiration: "Medium, Substack, NY Times",
+    fonts: { heading: "Playfair Display", body: "Source Serif Pro" },
+    corners: "rounded-none",
+    shadows: "none",
+    spacing: "reading"
+  },
+  playful: {
+    name: "Playful",
+    inspiration: "Figma, Slack, Notion",
+    fonts: { heading: "Nunito", body: "Nunito" },
+    corners: "rounded-full",
+    shadows: "soft",
+    spacing: "comfortable"
+  },
+  premium: {
+    name: "Premium",
+    inspiration: "Apple, Porsche, Amex",
+    fonts: { heading: "Cormorant Garamond", body: "Lato" },
+    corners: "rounded-lg",
+    shadows: "subtle",
+    spacing: "luxurious"
+  },
+  dashboard: {
+    name: "Dashboard",
+    inspiration: "Datadog, Grafana, Linear",
+    fonts: { heading: "Inter", body: "Inter" },
+    corners: "rounded-md",
+    shadows: "card",
+    spacing: "compact"
+  }
+};
+async function designCommand(subcommand) {
+  const config = new Config();
+  if (!config.isInProject()) {
+    p12.log.error("Not in a CodeBakers project. Run `codebakers init` first.");
+    return;
+  }
+  p12.intro(chalk13.bgCyan.black(" Design System "));
+  const action = subcommand || await p12.select({
+    message: "What do you want to do?",
+    options: [
+      { value: "profile", label: "\u{1F3A8} Set design profile" },
+      { value: "palette", label: "\u{1F308} Generate color palette" },
+      { value: "check", label: "\u2705 Check design quality" },
+      { value: "view", label: "\u{1F440} View current settings" }
+    ]
+  });
+  if (p12.isCancel(action)) return;
+  switch (action) {
+    case "profile":
+      await setProfile();
+      break;
+    case "palette":
+      await generatePalette();
+      break;
+    case "check":
+      await checkDesign();
+      break;
+    case "view":
+      await viewSettings();
+      break;
+  }
+}
+async function setProfile() {
+  const profile = await p12.select({
+    message: "Choose your design profile:",
+    options: Object.entries(DESIGN_PROFILES).map(([key, value]) => ({
+      value: key,
+      label: `${value.name}`,
+      hint: value.inspiration
+    }))
+  });
+  if (p12.isCancel(profile)) return;
+  const selected = DESIGN_PROFILES[profile];
+  const configPath = path10.join(process.cwd(), ".codebakers", "design.json");
+  await fs10.ensureDir(path10.dirname(configPath));
+  await fs10.writeJson(configPath, {
+    profile,
+    ...selected,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  }, { spaces: 2 });
+  p12.log.success(`Design profile set to ${selected.name}`);
+  console.log(chalk13.dim(`
+  Fonts:    ${selected.fonts.heading} / ${selected.fonts.body}
+  Corners:  ${selected.corners}
+  Shadows:  ${selected.shadows}
+  Spacing:  ${selected.spacing}
+  `));
+}
+async function generatePalette() {
+  const brandColor = await p12.text({
+    message: "Enter your brand color (hex):",
+    placeholder: "#6366F1",
+    validate: (v) => {
+      if (!v.match(/^#[0-9A-Fa-f]{6}$/)) return "Enter a valid hex color (#RRGGBB)";
+      return void 0;
+    }
+  });
+  if (p12.isCancel(brandColor)) return;
+  const palette = generateColorPalette(brandColor);
+  const configPath = path10.join(process.cwd(), ".codebakers", "design.json");
+  let config = {};
+  if (await fs10.pathExists(configPath)) {
+    config = await fs10.readJson(configPath);
+  }
+  await fs10.writeJson(configPath, {
+    ...config,
+    colors: palette,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  }, { spaces: 2 });
+  p12.log.success("Color palette generated!");
+  console.log(`
+  ${chalk13.bgHex(palette.brand[500]).black("  Brand  ")} ${palette.brand[500]}
+  ${chalk13.bgHex(palette.brand[100]).black("  Light  ")} ${palette.brand[100]}
+  ${chalk13.bgHex(palette.brand[900]).white("  Dark   ")} ${palette.brand[900]}
+  ${chalk13.bgHex(palette.accent).black(" Accent  ")} ${palette.accent}
+  `);
+}
+function generateColorPalette(hex) {
+  const r = parseInt(hex.slice(1, 3), 16) / 255;
+  const g = parseInt(hex.slice(3, 5), 16) / 255;
+  const b = parseInt(hex.slice(5, 7), 16) / 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h = 0, s = 0, l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+        break;
+      case g:
+        h = ((b - r) / d + 2) / 6;
+        break;
+      case b:
+        h = ((r - g) / d + 4) / 6;
+        break;
+    }
+  }
+  h = Math.round(h * 360);
+  s = Math.round(s * 100);
+  l = Math.round(l * 100);
+  const hslToHex = (h2, s2, l2) => {
+    l2 /= 100;
+    const a = s2 * Math.min(l2, 1 - l2) / 100;
+    const f = (n) => {
+      const k = (n + h2 / 30) % 12;
+      const color = l2 - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+      return Math.round(255 * color).toString(16).padStart(2, "0");
+    };
+    return `#${f(0)}${f(8)}${f(4)}`;
+  };
+  return {
+    brand: {
+      50: hslToHex(h, s * 0.3, 97),
+      100: hslToHex(h, s * 0.4, 94),
+      200: hslToHex(h, s * 0.5, 86),
+      300: hslToHex(h, s * 0.6, 74),
+      400: hslToHex(h, s * 0.8, 62),
+      500: hex,
+      // Original
+      600: hslToHex(h, s, l * 0.85),
+      700: hslToHex(h, s, l * 0.7),
+      800: hslToHex(h, s, l * 0.55),
+      900: hslToHex(h, s, l * 0.4)
+    },
+    accent: hslToHex((h + 180) % 360, s, l)
+    // Complementary
+  };
+}
+async function checkDesign() {
+  const spinner11 = p12.spinner();
+  spinner11.start("Checking design quality...");
+  const cwd = process.cwd();
+  const issues = [];
+  const glob3 = (await import("fast-glob")).default;
+  const files = await glob3(["src/**/*.{tsx,jsx}"], { cwd });
+  for (const file of files) {
+    const content = await fs10.readFile(path10.join(cwd, file), "utf-8");
+    if (content.includes("bg-gradient-to-r from-blue-500") || content.includes("bg-gradient-to-r from-purple-500")) {
+      issues.push(`${file}: Generic gradient hero detected`);
+    }
+    const iconMatches = content.match(/<(Rocket|Shield|Zap|Star|Check|Lightning)/g);
+    if (iconMatches && iconMatches.length > 3) {
+      issues.push(`${file}: Too many generic icons (${iconMatches.length})`);
+    }
+    if (content.includes(">Get Started<") || content.includes(">Learn More<")) {
+      issues.push(`${file}: Generic CTA text - be more specific`);
+    }
+    if (content.includes("No data") || content.includes("Nothing here")) {
+      issues.push(`${file}: Lazy empty state - add helpful message`);
+    }
+    if (content.includes("py-4") || content.includes("py-6") || content.includes("py-8")) {
+      if (content.includes("<section")) {
+        issues.push(`${file}: Section padding too small - use py-16 or larger`);
+      }
+    }
+  }
+  spinner11.stop("Check complete");
+  if (issues.length === 0) {
+    console.log(chalk13.green("\n\u2713 No design issues found!\n"));
+  } else {
+    console.log(chalk13.yellow(`
+\u26A0\uFE0F  ${issues.length} design issues found:
+`));
+    for (const issue of issues) {
+      console.log(chalk13.dim(`  \u2022 ${issue}`));
+    }
+    console.log("");
+  }
+}
+async function viewSettings() {
+  const configPath = path10.join(process.cwd(), ".codebakers", "design.json");
+  if (!await fs10.pathExists(configPath)) {
+    p12.log.info("No design settings configured. Run `codebakers design profile` to set up.");
+    return;
+  }
+  const config = await fs10.readJson(configPath);
+  console.log(chalk13.bold("\nCurrent Design Settings:\n"));
+  console.log(`  Profile:  ${config.name || config.profile}`);
+  console.log(`  Fonts:    ${config.fonts?.heading} / ${config.fonts?.body}`);
+  console.log(`  Corners:  ${config.corners}`);
+  console.log(`  Shadows:  ${config.shadows}`);
+  console.log(`  Spacing:  ${config.spacing}`);
+  if (config.colors) {
+    console.log(`  Brand:    ${config.colors.brand?.[500]}`);
+    console.log(`  Accent:   ${config.colors.accent}`);
+  }
+  console.log("");
+}
+
 // src/index.ts
 var VERSION2 = "1.0.0";
 var logo = `
@@ -3861,18 +4117,18 @@ async function showMainMenu() {
   const config = new Config();
   const isSetup = config.isConfigured();
   console.log(gradient.pastel.multiline(logo));
-  console.log(chalk13.dim(`  v${VERSION2} \u2014 AI dev team that follows the rules
+  console.log(chalk14.dim(`  v${VERSION2} \u2014 AI dev team that follows the rules
 `));
   if (!isSetup) {
     console.log(boxen(
-      chalk13.yellow("Welcome to CodeBakers! Let's get you set up."),
+      chalk14.yellow("Welcome to CodeBakers! Let's get you set up."),
       { padding: 1, borderColor: "yellow", borderStyle: "round" }
     ));
     await setupCommand();
     return;
   }
   const inProject = config.isInProject();
-  const action = await p12.select({
+  const action = await p13.select({
     message: "What do you want to do?",
     options: inProject ? [
       { value: "code", label: "\u{1F4AC} Code with AI", hint: "build features, fix bugs" },
@@ -3886,6 +4142,7 @@ async function showMainMenu() {
       { value: "gateway", label: "\u{1F4F1} Channel gateway", hint: "WhatsApp, Telegram, etc." },
       { value: "learn", label: "\u{1F9E0} Learning settings", hint: "view what I've learned" },
       { value: "security", label: "\u{1F512} Security audit", hint: "check for vulnerabilities" },
+      { value: "design", label: "\u{1F3A8} Design system", hint: "set profile, colors" },
       { value: "separator2", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" },
       { value: "new", label: "\u{1F195} Create new project" },
       { value: "settings", label: "\u2699\uFE0F  Settings" },
@@ -3902,8 +4159,8 @@ async function showMainMenu() {
       { value: "help", label: "\u2753 Help" }
     ]
   });
-  if (p12.isCancel(action)) {
-    p12.cancel("Goodbye!");
+  if (p13.isCancel(action)) {
+    p13.cancel("Goodbye!");
     process.exit(0);
   }
   switch (action) {
@@ -3937,6 +4194,9 @@ async function showMainMenu() {
     case "security":
       await securityCommand();
       break;
+    case "design":
+      await designCommand();
+      break;
     case "new":
       await initCommand();
       break;
@@ -3952,27 +4212,27 @@ async function showMainMenu() {
 }
 function showHelp2() {
   console.log(boxen(`
-${chalk13.bold("CodeBakers CLI")} \u2014 AI dev team that follows the rules
-
-${chalk13.bold("Commands:")}
-  ${chalk13.cyan("codebakers")}              Interactive menu (or just run with no args)
-  ${chalk13.cyan("codebakers init")}         Create a new project
-  ${chalk13.cyan("codebakers code")}         Start AI coding session
-  ${chalk13.cyan("codebakers check")}        Run pattern enforcement
-  ${chalk13.cyan("codebakers deploy")}       Deploy to production
-  ${chalk13.cyan("codebakers fix")}          Auto-fix errors
-  ${chalk13.cyan("codebakers generate")}     Generate components/pages
-  ${chalk13.cyan("codebakers connect")}      Connect external services
-  ${chalk13.cyan("codebakers gateway")}      Manage messaging channels
-  ${chalk13.cyan("codebakers status")}       View project status
-  ${chalk13.cyan("codebakers security")}     Run security audit
-  ${chalk13.cyan("codebakers learn")}        View/manage learning
-
-${chalk13.bold("Help at any time:")}
-  Press ${chalk13.yellow("?")} during any command to get contextual help
-
-${chalk13.bold("Documentation:")}
-  ${chalk13.dim("https://codebakers.dev/docs")}
+${chalk14.bold("CodeBakers CLI")} \u2014 AI dev team that follows the rules
+
+${chalk14.bold("Commands:")}
+  ${chalk14.cyan("codebakers")}              Interactive menu (or just run with no args)
+  ${chalk14.cyan("codebakers init")}         Create a new project
+  ${chalk14.cyan("codebakers code")}         Start AI coding session
+  ${chalk14.cyan("codebakers check")}        Run pattern enforcement
+  ${chalk14.cyan("codebakers deploy")}       Deploy to production
+  ${chalk14.cyan("codebakers fix")}          Auto-fix errors
+  ${chalk14.cyan("codebakers generate")}     Generate components/pages
+  ${chalk14.cyan("codebakers connect")}      Connect external services
+  ${chalk14.cyan("codebakers gateway")}      Manage messaging channels
+  ${chalk14.cyan("codebakers status")}       View project status
+  ${chalk14.cyan("codebakers security")}     Run security audit
+  ${chalk14.cyan("codebakers learn")}        View/manage learning
+
+${chalk14.bold("Help at any time:")}
+  Press ${chalk14.yellow("?")} during any command to get contextual help
+
+${chalk14.bold("Documentation:")}
+  ${chalk14.dim("https://codebakers.dev/docs")}
 `, { padding: 1, borderColor: "cyan", borderStyle: "round" }));
 }
 var program = new Command();
@@ -3989,6 +4249,7 @@ program.command("gateway").description("Manage messaging channel gateway").optio
 program.command("status").description("View project status and health").option("-a, --all", "Show all projects").action(statusCommand);
 program.command("security").description("Run security audit").option("--fix", "Auto-fix security issues").action(securityCommand);
 program.command("learn").description("View and manage learning settings").option("--forget <item>", "Forget a learned preference").option("--reset", "Reset all learning").option("--export", "Export learned patterns").action(learnCommand);
+program.command("design [action]").description("Manage design system (profile, palette, check)").action(designCommand);
 var args = process.argv.slice(2);
 if (args.length === 0) {
   checkForUpdates().catch(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebakers",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "AI dev team that follows the rules. Build apps from anywhere with pattern enforcement.",
   "type": "module",
   "main": "dist/index.js",

package/src/commands/design.ts

@@ -0,0 +1,298 @@
+import * as p from '@clack/prompts';
+import chalk from 'chalk';
+import * as fs from 'fs-extra';
+import * as path from 'path';
+import { Config } from '../utils/config.js';
+
+const DESIGN_PROFILES = {
+  minimal: {
+    name: 'Minimal',
+    inspiration: 'Linear, Notion, Vercel',
+    fonts: { heading: 'Inter', body: 'Inter' },
+    corners: 'rounded-md',
+    shadows: 'none',
+    spacing: 'generous',
+  },
+  bold: {
+    name: 'Bold',
+    inspiration: 'Stripe, Ramp, Mercury',
+    fonts: { heading: 'Plus Jakarta Sans', body: 'Inter' },
+    corners: 'rounded-2xl',
+    shadows: 'elevated',
+    spacing: 'generous',
+  },
+  editorial: {
+    name: 'Editorial',
+    inspiration: 'Medium, Substack, NY Times',
+    fonts: { heading: 'Playfair Display', body: 'Source Serif Pro' },
+    corners: 'rounded-none',
+    shadows: 'none',
+    spacing: 'reading',
+  },
+  playful: {
+    name: 'Playful',
+    inspiration: 'Figma, Slack, Notion',
+    fonts: { heading: 'Nunito', body: 'Nunito' },
+    corners: 'rounded-full',
+    shadows: 'soft',
+    spacing: 'comfortable',
+  },
+  premium: {
+    name: 'Premium',
+    inspiration: 'Apple, Porsche, Amex',
+    fonts: { heading: 'Cormorant Garamond', body: 'Lato' },
+    corners: 'rounded-lg',
+    shadows: 'subtle',
+    spacing: 'luxurious',
+  },
+  dashboard: {
+    name: 'Dashboard',
+    inspiration: 'Datadog, Grafana, Linear',
+    fonts: { heading: 'Inter', body: 'Inter' },
+    corners: 'rounded-md',
+    shadows: 'card',
+    spacing: 'compact',
+  },
+};
+
+export async function designCommand(subcommand?: string): Promise<void> {
+  const config = new Config();
+
+  if (!config.isInProject()) {
+    p.log.error('Not in a CodeBakers project. Run `codebakers init` first.');
+    return;
+  }
+
+  p.intro(chalk.bgCyan.black(' Design System '));
+
+  const action = subcommand || await p.select({
+    message: 'What do you want to do?',
+    options: [
+      { value: 'profile', label: '🎨 Set design profile' },
+      { value: 'palette', label: '🌈 Generate color palette' },
+      { value: 'check', label: '✅ Check design quality' },
+      { value: 'view', label: '👀 View current settings' },
+    ],
+  });
+
+  if (p.isCancel(action)) return;
+
+  switch (action) {
+    case 'profile':
+      await setProfile();
+      break;
+    case 'palette':
+      await generatePalette();
+      break;
+    case 'check':
+      await checkDesign();
+      break;
+    case 'view':
+      await viewSettings();
+      break;
+  }
+}
+
+async function setProfile(): Promise<void> {
+  const profile = await p.select({
+    message: 'Choose your design profile:',
+    options: Object.entries(DESIGN_PROFILES).map(([key, value]) => ({
+      value: key,
+      label: `${value.name}`,
+      hint: value.inspiration,
+    })),
+  });
+
+  if (p.isCancel(profile)) return;
+
+  const selected = DESIGN_PROFILES[profile as keyof typeof DESIGN_PROFILES];
+  
+  // Save to project config
+  const configPath = path.join(process.cwd(), '.codebakers', 'design.json');
+  await fs.ensureDir(path.dirname(configPath));
+  await fs.writeJson(configPath, {
+    profile,
+    ...selected,
+    updatedAt: new Date().toISOString(),
+  }, { spaces: 2 });
+
+  p.log.success(`Design profile set to ${selected.name}`);
+  
+  console.log(chalk.dim(`
+  Fonts:    ${selected.fonts.heading} / ${selected.fonts.body}
+  Corners:  ${selected.corners}
+  Shadows:  ${selected.shadows}
+  Spacing:  ${selected.spacing}
+  `));
+}
+
+async function generatePalette(): Promise<void> {
+  const brandColor = await p.text({
+    message: 'Enter your brand color (hex):',
+    placeholder: '#6366F1',
+    validate: (v) => {
+      if (!v.match(/^#[0-9A-Fa-f]{6}$/)) return 'Enter a valid hex color (#RRGGBB)';
+      return undefined;
+    },
+  });
+
+  if (p.isCancel(brandColor)) return;
+
+  const palette = generateColorPalette(brandColor as string);
+
+  // Save to project
+  const configPath = path.join(process.cwd(), '.codebakers', 'design.json');
+  let config = {};
+  if (await fs.pathExists(configPath)) {
+    config = await fs.readJson(configPath);
+  }
+  
+  await fs.writeJson(configPath, {
+    ...config,
+    colors: palette,
+    updatedAt: new Date().toISOString(),
+  }, { spaces: 2 });
+
+  p.log.success('Color palette generated!');
+
+  console.log(`
+  ${chalk.bgHex(palette.brand[500]).black('  Brand  ')} ${palette.brand[500]}
+  ${chalk.bgHex(palette.brand[100]).black('  Light  ')} ${palette.brand[100]}
+  ${chalk.bgHex(palette.brand[900]).white('  Dark   ')} ${palette.brand[900]}
+  ${chalk.bgHex(palette.accent).black(' Accent  ')} ${palette.accent}
+  `);
+}
+
+function generateColorPalette(hex: string): Record<string, any> {
+  // Convert hex to HSL
+  const r = parseInt(hex.slice(1, 3), 16) / 255;
+  const g = parseInt(hex.slice(3, 5), 16) / 255;
+  const b = parseInt(hex.slice(5, 7), 16) / 255;
+
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h = 0, s = 0, l = (max + min) / 2;
+
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;
+      case g: h = ((b - r) / d + 2) / 6; break;
+      case b: h = ((r - g) / d + 4) / 6; break;
+    }
+  }
+
+  h = Math.round(h * 360);
+  s = Math.round(s * 100);
+  l = Math.round(l * 100);
+
+  // Generate scale
+  const hslToHex = (h: number, s: number, l: number): string => {
+    l /= 100;
+    const a = s * Math.min(l, 1 - l) / 100;
+    const f = (n: number) => {
+      const k = (n + h / 30) % 12;
+      const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+      return Math.round(255 * color).toString(16).padStart(2, '0');
+    };
+    return `#${f(0)}${f(8)}${f(4)}`;
+  };
+
+  return {
+    brand: {
+      50: hslToHex(h, s * 0.3, 97),
+      100: hslToHex(h, s * 0.4, 94),
+      200: hslToHex(h, s * 0.5, 86),
+      300: hslToHex(h, s * 0.6, 74),
+      400: hslToHex(h, s * 0.8, 62),
+      500: hex, // Original
+      600: hslToHex(h, s, l * 0.85),
+      700: hslToHex(h, s, l * 0.7),
+      800: hslToHex(h, s, l * 0.55),
+      900: hslToHex(h, s, l * 0.4),
+    },
+    accent: hslToHex((h + 180) % 360, s, l), // Complementary
+  };
+}
+
+async function checkDesign(): Promise<void> {
+  const spinner = p.spinner();
+  spinner.start('Checking design quality...');
+
+  const cwd = process.cwd();
+  const issues: string[] = [];
+
+  // Check for anti-patterns in code
+  const glob = (await import('fast-glob')).default;
+  const files = await glob(['src/**/*.{tsx,jsx}'], { cwd });
+
+  for (const file of files) {
+    const content = await fs.readFile(path.join(cwd, file), 'utf-8');
+
+    // Check for generic gradient hero
+    if (content.includes('bg-gradient-to-r from-blue-500') || 
+        content.includes('bg-gradient-to-r from-purple-500')) {
+      issues.push(`${file}: Generic gradient hero detected`);
+    }
+
+    // Check for icon spam
+    const iconMatches = content.match(/<(Rocket|Shield|Zap|Star|Check|Lightning)/g);
+    if (iconMatches && iconMatches.length > 3) {
+      issues.push(`${file}: Too many generic icons (${iconMatches.length})`);
+    }
+
+    // Check for generic CTAs
+    if (content.includes('>Get Started<') || content.includes('>Learn More<')) {
+      issues.push(`${file}: Generic CTA text - be more specific`);
+    }
+
+    // Check for lazy empty states
+    if (content.includes('No data') || content.includes('Nothing here')) {
+      issues.push(`${file}: Lazy empty state - add helpful message`);
+    }
+
+    // Check for small section padding
+    if (content.includes('py-4') || content.includes('py-6') || content.includes('py-8')) {
+      if (content.includes('<section')) {
+        issues.push(`${file}: Section padding too small - use py-16 or larger`);
+      }
+    }
+  }
+
+  spinner.stop('Check complete');
+
+  if (issues.length === 0) {
+    console.log(chalk.green('\n✓ No design issues found!\n'));
+  } else {
+    console.log(chalk.yellow(`\n⚠️  ${issues.length} design issues found:\n`));
+    for (const issue of issues) {
+      console.log(chalk.dim(`  • ${issue}`));
+    }
+    console.log('');
+  }
+}
+
+async function viewSettings(): Promise<void> {
+  const configPath = path.join(process.cwd(), '.codebakers', 'design.json');
+  
+  if (!await fs.pathExists(configPath)) {
+    p.log.info('No design settings configured. Run `codebakers design profile` to set up.');
+    return;
+  }
+
+  const config = await fs.readJson(configPath);
+  
+  console.log(chalk.bold('\nCurrent Design Settings:\n'));
+  console.log(`  Profile:  ${config.name || config.profile}`);
+  console.log(`  Fonts:    ${config.fonts?.heading} / ${config.fonts?.body}`);
+  console.log(`  Corners:  ${config.corners}`);
+  console.log(`  Shadows:  ${config.shadows}`);
+  console.log(`  Spacing:  ${config.spacing}`);
+  
+  if (config.colors) {
+    console.log(`  Brand:    ${config.colors.brand?.[500]}`);
+    console.log(`  Accent:   ${config.colors.accent}`);
+  }
+  console.log('');
+}

package/src/index.ts

@@ -19,6 +19,7 @@ import { learnCommand } from './commands/learn.js';
 import { securityCommand } from './commands/security.js';
 import { generateCommand } from './commands/generate.js';
 import { fixCommand } from './commands/fix.js';
+import { designCommand } from './commands/design.js';
 
 const VERSION = '1.0.0';
 
@@ -69,6 +70,7 @@ async function showMainMenu(): Promise<void> {
       { value: 'gateway', label: '📱 Channel gateway', hint: 'WhatsApp, Telegram, etc.' },
       { value: 'learn', label: '🧠 Learning settings', hint: 'view what I\'ve learned' },
       { value: 'security', label: '🔒 Security audit', hint: 'check for vulnerabilities' },
+      { value: 'design', label: '🎨 Design system', hint: 'set profile, colors' },
       { value: 'separator2', label: '─────────────────────────' },
       { value: 'new', label: '🆕 Create new project' },
       { value: 'settings', label: '⚙️  Settings' },
@@ -123,6 +125,9 @@ async function showMainMenu(): Promise<void> {
     case 'security':
       await securityCommand();
       break;
+    case 'design':
+      await designCommand();
+      break;
     case 'new':
       await initCommand();
       break;
@@ -254,6 +259,11 @@ program
   .option('--export', 'Export learned patterns')
   .action(learnCommand);
 
+program
+  .command('design [action]')
+  .description('Manage design system (profile, palette, check)')
+  .action(designCommand);
+
 // Parse args or show menu
 const args = process.argv.slice(2);