feat(cli): add color output for scores, dimensions, and issues

packages/cli/package.json

@@ -13,7 +13,8 @@
     "test": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@cv-builder/core": "workspace:*"
+    "@cv-builder/core": "workspace:*",
+    "chalk": "^5.6.2"
   },
   "devDependencies": {
     "@types/node": "^25.6.2",

packages/cli/src/cli.ts

@@ -3,6 +3,7 @@
 import { readFileSync } from "node:fs";
 import { resolve } from "node:path";
 import { evaluate, listArchetypes } from "@cv-builder/core";
+import chalk from "chalk";
 
 const [, , command, ...args] = process.argv;
 
@@ -22,12 +23,31 @@ async function main() {
       printHelp();
       break;
     default:
-      console.error(`Unknown command: ${command}\n`);
+      console.error(chalk.red(`Unknown command: ${command}\n`));
       printHelp();
       process.exit(1);
   }
 }
 
+function colorScore(score: number): string {
+  if (score <3) return chalk.red(`${score}/5`);
+  if (score <4) return chalk.yellow(`${score}/5`);
+  return chalk.green(`${score}/5`);
+}
+
+function colorDimScore(score: number, max: number): string {
+  if (score<3) return chalk.red(`${score}/${max}`);
+  if (score<4) return chalk.yellow(`${score}/${max}`);
+  return chalk.green(`${score}/${max}`);
+}
+
+function colorBar(score: number, max: number): string {
+  const filled = "█".repeat(score);
+  const empty = "░".repeat(max - score);
+  if (score <3) return chalk.red(filled) + chalk.dim(empty);
+  if (score <4) return chalk.yellow(filled) + chalk.dim(empty);
+  return chalk.green(filled) + chalk.dim(empty);
+}
 async function handleEvaluate(args: string[]) {
   const cvPath = args[0];
   const jdFlagIndex = args.indexOf("--jd");
@@ -48,57 +68,61 @@ async function handleEvaluate(args: string[]) {
     jd: jdContent ? { content: jdContent } : undefined,
   });
 
-  console.log(`\n  CV Score: ${result.score}/5\n`);
-  console.log(`  Archetype detected: ${result.archetype.name}\n`);
-  console.log("  Dimensions:");
+  console.log(`\n  CV Score: ${colorScore(result.score)}\n`);
+  console.log(`  Archetype detected: ${chalk.cyan(result.archetype.name)}\n`);
+  console.log(chalk.bold("  Dimensions:"));
   for (const dim of result.dimensions) {
-    const bar = "█".repeat(dim.score) + "░".repeat(dim.maxScore - dim.score);
-    console.log(`    ${bar} ${dim.score}/${dim.maxScore}  ${dim.name}`);
+    const bar = colorBar(dim.score, dim.maxScore);
+    const score = colorDimScore(dim.score, dim.maxScore);
+    console.log(`    ${bar} ${score}  ${dim.name}`);
   }
 
   if (result.strengths.length > 0) {
-    console.log("\n  Strengths:");
+    console.log(chalk.bold("\n  Strengths:"));
     for (const s of result.strengths) {
-      console.log(`    ✓ ${s}`);
+      console.log(`    ${chalk.green("✓")} ${s}`);
     }
   }
 
   if (result.issues.length > 0) {
-    console.log("\n  Issues:");
+    console.log(chalk.bold("\n  Issues:"));
     for (const issue of result.issues) {
-      const icon = issue.severity === "critical" ? "✗" : "⚠";
-      console.log(`    ${icon} [${issue.severity}] ${issue.element}`);
-      console.log(`      Why: ${issue.why}`);
-      console.log(`      Fix: ${issue.fix}`);
+      if (issue.severity === "critical") {
+        console.log(`    ${chalk.red("✗")} ${chalk.red(`[${issue.severity}]`)} ${issue.element}`);
+      } else {
+        console.log(`    ${chalk.yellow("⚠")} ${chalk.yellow(`[${issue.severity}]`)} ${issue.element}`);
+      }
+      console.log(`      ${chalk.dim("Why:")} ${issue.why}`);
+      console.log(`      ${chalk.dim("Fix:")} ${issue.fix}`);
     }
   }
 
-  console.log(`\n  ATS Compatible: ${result.atsCompatible ? "✓ Yes" : "✗ No"}\n`);
+  console.log(`\n  ATS Compatible: ${result.atsCompatible ? chalk.green("✓ Yes") : chalk.red("✗ No")}\n`);
 }
 
 function handleListArchetypes() {
   const archetypes = listArchetypes();
-  console.log("\n  Available role archetypes:\n");
+  console.log(chalk.bold("\n  Available role archetypes:\n"));
   for (const a of archetypes) {
-    console.log(`    • ${a.name} (${a.id})`);
+    console.log(`    ${chalk.cyan("•")} ${chalk.bold(a.name)} ${chalk.dim(`(${a.id})`)}`);
     console.log(`      ${a.description}`);
-    console.log(`      Keywords: ${a.keywords.slice(0, 5).join(", ")}...\n`);
+    console.log(`      ${chalk.dim("Keywords:")} ${a.keywords.slice(0, 5).join(", ")}...\n`);
   }
 }
 
 function printHelp() {
   console.log(`
-  CV Builder CLI — Evaluate and tailor your CV
+  ${chalk.bold("CV Builder CLI")} ${chalk.dim("— Evaluate and tailor your CV")}
 
-  USAGE
+  ${chalk.bold("USAGE")}
     cv-builder <command> [options]
 
-  COMMANDS
-    evaluate <cv-file> [--jd <jd-file>]    Score your CV (optionally against a JD)
-    archetypes                              List available role archetypes
-    help                                    Show this help
+  ${chalk.bold("COMMANDS")}
+    ${chalk.cyan("evaluate")} <cv-file> [--jd <jd-file>]    Score your CV (optionally against a JD)
+    ${chalk.cyan("archetypes")}                              List available role archetypes
+    ${chalk.cyan("help")}                                    Show this help
 
-  EXAMPLES
+  ${chalk.bold("EXAMPLES")}
     cv-builder evaluate ./my-cv.md
     cv-builder evaluate ./my-cv.md --jd ./job-description.md
     cv-builder archetypes