oh-skillhub 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oh-skillhub",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "OpenHarmony Skills installer for Codex, Claude Code, and OpenCode.",
   "type": "commonjs",
   "bin": {

package/src/cli.js

@@ -21,6 +21,14 @@ const DOMAIN_NAMES = [
   "kernel",
   "security",
 ];
+const ANSI = {
+  reset: "\x1b[0m",
+  bold: "\x1b[1m",
+  dim: "\x1b[2m",
+  cyan: "\x1b[36m",
+  green: "\x1b[32m",
+  reverse: "\x1b[7m",
+};
 
 async function main(argv = []) {
   if (argv.length === 0) {
@@ -274,30 +282,49 @@ function renderRawTuiMenu(choices, cursor, selected) {
   const line = `+${"-".repeat(width - 2)}+`;
   const lines = [
     line,
-    `| ${padRight("OH SkillHub", width - 4)} |`,
-    `| ${padRight("OpenHarmony Skills Installer", width - 4)} |`,
+    rawHeaderLine("OH SkillHub", width, ANSI.cyan, ANSI.bold),
+    rawHeaderLine("OpenHarmony Skills Installer", width, ANSI.dim),
     line,
     "",
-    "Target",
+    colorize("Target", ANSI.bold),
     "  Agent: codex",
     "  Scope: user",
     "",
-    "Choose skill groups",
-    "  Up/Down or j/k: move    Space: select    Enter: install    Ctrl+C: cancel",
+    colorize("Choose skill groups", ANSI.bold),
+    colorize("  Up/Down or j/k: move    Space: select    Enter: install    Ctrl+C: cancel", ANSI.dim),
     "",
   ];
   choices.forEach((choice, index) => {
     const pointer = index === cursor ? ">" : " ";
-    const checkbox = selected.has(index) ? "[✓]" : "[ ]";
-    lines.push(`${pointer} ${checkbox} ${choice.path.padEnd(28, " ")} ${choice.count} skill(s)`);
+    const highlighted = index === cursor;
+    const checkbox = rawCheckbox(selected.has(index), highlighted);
+    const row = `${pointer} ${checkbox} ${choice.path.padEnd(28, " ")} ${choice.count} skill(s)`;
+    lines.push(highlighted ? colorize(row, ANSI.reverse, ANSI.bold) : row);
     for (const leaf of renderSkillLeaves(choice)) {
-      lines.push(`      - ${leaf}`);
+      lines.push(colorize(`      - ${leaf}`, ANSI.dim));
     }
   });
   lines.push("");
   return `${lines.join("\n")}\n`;
 }
 
+function colorize(value, ...codes) {
+  return `${codes.join("")}${value}${ANSI.reset}`;
+}
+
+function rawHeaderLine(value, width, ...codes) {
+  const styled = colorize(value, ...codes);
+  return `| ${styled}${" ".repeat(width - 4 - value.length)} |`;
+}
+
+function rawCheckbox(isSelected, highlighted) {
+  if (!isSelected) {
+    return "[ ]";
+  }
+  const restore = highlighted ? `${ANSI.reverse}${ANSI.bold}` : "";
+  return `${colorize("[✓]", ANSI.green, ANSI.bold)}${restore}`;
+}
+
 function renderSkillLeaves(choice) {
   return (choice.skills || []).map((skill) => {
     if (choice.scope === "common") {