@noobdemon/noob-cli 1.7.3 → 1.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noobdemon/noob-cli",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "publishConfig": {
     "access": "public"
   },

package/src/agent.js

@@ -1,6 +1,7 @@
 import os from "node:os";
 import { stream } from "./api.js";
 import { loadMemory } from "./memory.js";
+import { listRoots } from "./tools.js";
 import { t } from "./i18n.js";
 import { countTokens } from "./tokens.js";
 
@@ -92,6 +93,19 @@ function runtimeContext() {
     `- Shell for run_command: ${isWin ? "Windows PowerShell (powershell.exe)" : "bash"}`,
     `- Current working directory: ${process.cwd()}`,
   ];
+  // Extra roots cấp qua /add-dir: model PHẢI biết để chủ động dùng (đọc/list/grep).
+  // Không liệt kê ở đây → model không 'thấy' thư mục đó tồn tại dù tools layer
+  // đã accept path.
+  try {
+    const roots = listRoots();
+    const extras = roots.slice(1); // [0] là cwd
+    if (extras.length) {
+      lines.push(
+        `- Extra roots cấp quyền qua /add-dir (tool path nằm trong các thư mục này cũng hợp lệ — dùng path tuyệt đối khi gọi tool):`,
+      );
+      for (const r of extras) lines.push(`  • ${r}`);
+    }
+  } catch {}
   if (isWin) {
     lines.push(
       "- IMPORTANT: run_command runs in PowerShell on Windows — do NOT use Unix tools.",

package/src/i18n.js

@@ -62,6 +62,8 @@ export const t = {
   cmdAutoYolo: "/auto-yolo     lưu/bỏ yolo làm mặc định mỗi lần chạy (cần xác nhận)",
   cmdInit: "/init           quét dự án & tạo noob.md (tổng quan + quy ước, như Claude Code)",
   cmdKarpathy: "/karpathy [path]  rà soát code theo 4 nguyên tắc Karpathy (/kc)",
+  cmdFrontendDesign: "/frontend-design <yêu cầu>  thiết kế UI frontend chất lượng cao theo skill (/fd)",
+  cmdImprove: "/improve [hint]  phân tích workspace & đề xuất tính năng cải thiện (/imp)",
   cmdUltra: "/ultra <mục tiêu>  tự hành: noob tự nghĩ & tự làm nhiệm vụ tới khi xong (/u)",
   cmdLearn: "/learn [ghi chú]  chưng cất bài học của phiên vào noob.md",
   cmdCompact: "/compact         tóm tắt phiên ngay để gọn ngữ cảnh (giữ trí nhớ dài hạn)",
@@ -123,6 +125,10 @@ export const t = {
   autoCompactDone: (bK, aK, pct) => `✓ Auto-compact: ${bK}k → ${aK}k chars (giảm ${pct}%). Trí nhớ dài hạn đã giữ lại trong session_summary.`,
   autoCompactFail: "Auto-compact thất bại — bạn nên /clear hoặc /compact thủ công.",
   initRunning: "đang quét dự án & soạn noob.md…",
+  frontendDesignRunning: "đang vận dụng skill frontend-design…",
+  improveRunning: "đang khảo sát workspace & soạn đề xuất cải thiện…",
+  frontendDesignNoSkill: "không tìm thấy skills/frontend-design/SKILL.md — skill chưa được cài.",
+  frontendDesignNeedReq: "cần mô tả yêu cầu. Ví dụ: /frontend-design landing page cho app nghe nhạc lo-fi",
   initOverwriteWarn: (p) => `⚠ Đã có noob.md tại ${p}. /init sẽ ghi đè nội dung hiện tại.`,
   initOverwriteConfirm: "Ghi đè? gõ 'y' để xác nhận, phím khác để huỷ › ",
   initCancel: "Huỷ /init — giữ nguyên noob.md.",

package/src/repl.js

@@ -15,6 +15,7 @@ import { loadMemory, memoryPath } from "./memory.js";
 import { t } from "./i18n.js";
 import { checkLatest, runUpdate, CURRENT } from "./update.js";
 import * as sessions from "./sessions.js";
+import { loadSkill, listSkills } from "./skills.js";
 
 // Lệnh dùng cho autocomplete. Gõ "/l" → lọc các lệnh có "l" (login, logout,
 // clear, models, yolo…); ↑/↓ chọn, Tab điền, Enter chạy mục đang sáng.
@@ -29,6 +30,8 @@ const SLASH = [
   { name: "/auto-yolo", desc: "lưu yolo làm mặc định (cần xác nhận)" },
   { name: "/init", desc: "quét dự án & tạo noob.md" },
   { name: "/karpathy", desc: "rà soát code (Karpathy)" },
+  { name: "/frontend-design", desc: "thiết kế UI frontend chất lượng cao (skill)" },
+  { name: "/improve", desc: "phân tích workspace & gợi ý tính năng cải thiện" },
   { name: "/ultra", desc: "tự hành: tự nghĩ & làm nhiệm vụ" },
   { name: "/agent", desc: "bật/tắt agent mode (spawn sub-agent)" },
   { name: "/tokens", desc: "xem số token đã dùng phiên này" },
@@ -332,6 +335,39 @@ export async function startRepl(opts = {}) {
   }
   const startFresh = () => (session = sessions.newSession({ cwd: process.cwd(), model: state.model.id }));
 
+  // /frontend-design <yêu cầu> — vận dụng skill frontend-design (skills/frontend-design/SKILL.md)
+  // để model tạo UI frontend chất lượng cao, tránh "AI slop" aesthetic.
+  async function runFrontendDesign(arg) {
+    if (!config.apiKey) return console.log(c.tool("  " + t.notLoggedIn));
+    if (!arg) return console.log(c.err("  " + t.frontendDesignNeedReq));
+    const skill = loadSkill("frontend-design");
+    if (!skill) return console.log(c.err("  " + t.frontendDesignNoSkill));
+    const prompt = `Bạn đang thực thi SKILL "frontend-design". Đọc kỹ hướng dẫn skill dưới đây và TUÂN THỦ khi xây dựng UI.
+
+=== SKILL: frontend-design ===
+${skill}
+=== HẾT SKILL ===
+
+YÊU CẦU NGƯỜI DÙNG:
+${arg}
+
+Thực thi: đọc/tạo file cần thiết bằng tool, viết code production-grade theo đúng tinh thần skill (typography đặc sắc, color/theme có cam kết, motion có chủ đích, layout bất ngờ, tránh AI slop). Báo cáo ngắn gọn các file đã tạo và lựa chọn thẩm mỹ chính.`;
+    console.log(c.tool("  🎨 " + t.frontendDesignRunning));
+    await handle(prompt);
+    persist();
+  }
+
+  // /improve [hint] — model rà soát workspace & đề xuất tính năng/cải tiến.
+  // KHÔNG sửa code, chỉ phân tích & đề xuất.
+  async function runImprove(arg) {
+    if (!config.apiKey) return console.log(c.tool("  " + t.notLoggedIn));
+    const focus = arg ? `\nNgười dùng nhấn mạnh: "${arg}". Ưu tiên theo hướng đó nhưng vẫn nêu gợi ý quan trọng khác.` : "";
+    const prompt = `Đóng vai senior engineer & product reviewer. KHẢO SÁT workspace hiện tại và đề xuất TÍNH NĂNG / CẢI TIẾN cho dự án.${focus}\n\nQUY TRÌNH (dùng tool, không nói suông):\n1. list_dir thư mục gốc để nắm cấu trúc.\n2. Đọc README.md, package.json, noob.md, CHANGELOG.md (nếu có) để hiểu mục đích & trạng thái.\n3. list_dir/glob các thư mục mã chính. KHÔNG đọc hết file — chỉ đủ để nắm kiến trúc.\n4. grep TODO/FIXME/HACK/XXX để biết chỗ tác giả đã ghi nhận.\n5. Ghi nhận thiếu test/lint/CI nếu có.\n\nSAU KHẢO SÁT, viết báo cáo Markdown TIẾNG VIỆT theo cấu trúc:\n\n## Tóm tắt dự án\n2–4 dòng: làm gì, tech gì, trạng thái.\n\n## Điểm mạnh hiện tại\n3–6 gạch đầu dòng.\n\n## Gợi ý cải thiện\n5–10 đề xuất, MỖI cái:\n### N. <Tên>\n- **Vấn đề/cơ hội:** quan sát cụ thể (kèm tên_file:dòng nếu được).\n- **Đề xuất:** mô tả tính năng/cải tiến.\n- **Lợi ích:** UX/hiệu năng/độ tin cậy/mở rộng.\n- **Công sức:** S (vài giờ) / M (1–2 ngày) / L (>2 ngày).\n- **Ưu tiên:** P0 / P1 / P2.\n\n## Đề xuất ưu tiên hàng đầu\n1–3 mục P0 nên làm trước, kèm lý do.\n\nQUY TẮC: bám observation từ code thật, KHÔNG gợi ý chung chung, thẳng thắn không nịnh, KHÔNG sửa code, KHÔNG ghi noob.md.`;
+    console.log(c.tool("  ✨ " + t.improveRunning));
+    await handle(prompt);
+    persist();
+  }
+
   // /karpathy [path] — bắt noob tự rà soát code theo 4 nguyên tắc Karpathy.
   // Không có path → soát các file đã đổi trong phiên (model thấy qua FILES CHANGED).
   async function runKarpathy(arg) {
@@ -941,6 +977,15 @@ NGUYÊN TẮC:
       case "kc":
         await runKarpathy(arg);
         break;
+      case "frontend-design":
+      case "frontend":
+      case "fd":
+        await runFrontendDesign(arg);
+        break;
+      case "improve":
+      case "imp":
+        await runImprove(arg);
+        break;
       case "ultra":
       case "u":
         await runUltra(arg);
@@ -1216,6 +1261,8 @@ function printHelp() {
         "  " + t.cmdAutoYolo,
         "  " + t.cmdInit,
         "  " + t.cmdKarpathy,
+        "  " + t.cmdFrontendDesign,
+      "  " + t.cmdImprove,
         "  " + t.cmdUltra,
         "  " + t.cmdLearn,
         "  " + t.cmdCompact,

package/src/skills.js

@@ -0,0 +1,43 @@
+// Quản lý skills của project: mỗi skill là một thư mục `skills/<name>/` chứa
+// `SKILL.md` (theo quy ước Anthropic). Khi user gõ `/<skill-name>`, repl sẽ nạp
+// nội dung SKILL.md đó như context bổ sung rồi giao việc cho agent.
+//
+// API tối giản — không over-engineer:
+//   loadSkill(name)  -> string | null  (nội dung SKILL.md, null nếu không có)
+//   listSkills()     -> string[]       (tên skill có sẵn ở cwd)
+//   skillPath(name)  -> string         (đường dẫn tuyệt đối SKILL.md)
+
+import fs from "node:fs";
+import path from "node:path";
+
+function skillsDir() {
+  return path.join(process.cwd(), "skills");
+}
+
+export function skillPath(name) {
+  return path.join(skillsDir(), name, "SKILL.md");
+}
+
+export function loadSkill(name) {
+  try {
+    const p = skillPath(name);
+    if (!fs.existsSync(p)) return null;
+    return fs.readFileSync(p, "utf8");
+  } catch {
+    return null;
+  }
+}
+
+export function listSkills() {
+  try {
+    const dir = skillsDir();
+    if (!fs.existsSync(dir)) return [];
+    return fs
+      .readdirSync(dir, { withFileTypes: true })
+      .filter((e) => e.isDirectory() && fs.existsSync(path.join(dir, e.name, "SKILL.md")))
+      .map((e) => e.name)
+      .sort();
+  } catch {
+    return [];
+  }
+}