codemaxxing 0.1.14 → 0.2.0

package/dist/utils/skills.js

@@ -0,0 +1,203 @@
+import { existsSync, readFileSync, writeFileSync, mkdirSync, readdirSync, rmSync } from "fs";
+import { join } from "path";
+import { homedir } from "os";
+import { REGISTRY } from "../skills/registry.js";
+const SKILLS_DIR = join(homedir(), ".codemaxxing", "skills");
+/**
+ * Ensure the skills directory exists
+ */
+function ensureSkillsDir() {
+    if (!existsSync(SKILLS_DIR)) {
+        mkdirSync(SKILLS_DIR, { recursive: true });
+    }
+}
+/**
+ * List all installed skills by scanning ~/.codemaxxing/skills/
+ */
+export function listInstalledSkills() {
+    ensureSkillsDir();
+    const skills = [];
+    try {
+        const entries = readdirSync(SKILLS_DIR, { withFileTypes: true });
+        for (const entry of entries) {
+            if (!entry.isDirectory())
+                continue;
+            const metaPath = join(SKILLS_DIR, entry.name, "skill.json");
+            if (!existsSync(metaPath))
+                continue;
+            try {
+                const meta = JSON.parse(readFileSync(metaPath, "utf-8"));
+                skills.push({
+                    name: meta.name ?? entry.name,
+                    description: meta.description ?? "",
+                    version: meta.version ?? "0.0.0",
+                    author: meta.author ?? "unknown",
+                    tags: meta.tags ?? [],
+                });
+            }
+            catch {
+                // skip malformed skill.json
+            }
+        }
+    }
+    catch {
+        // directory doesn't exist or can't be read
+    }
+    return skills;
+}
+/**
+ * Install a skill from the built-in registry
+ */
+export function installSkill(name) {
+    const skill = REGISTRY.find((s) => s.name === name);
+    if (!skill) {
+        return { ok: false, message: `Skill "${name}" not found in registry` };
+    }
+    ensureSkillsDir();
+    const skillDir = join(SKILLS_DIR, name);
+    if (existsSync(skillDir)) {
+        return { ok: false, message: `Skill "${name}" is already installed` };
+    }
+    mkdirSync(skillDir, { recursive: true });
+    mkdirSync(join(skillDir, "examples"), { recursive: true });
+    // Write skill.json
+    const meta = {
+        name: skill.name,
+        description: skill.description,
+        version: skill.version,
+        author: skill.author,
+        tags: skill.tags,
+    };
+    writeFileSync(join(skillDir, "skill.json"), JSON.stringify(meta, null, 2));
+    // Write prompt.md
+    writeFileSync(join(skillDir, "prompt.md"), skill.prompt);
+    return { ok: true, message: `Installed skill: ${skill.name}` };
+}
+/**
+ * Remove an installed skill
+ */
+export function removeSkill(name) {
+    const skillDir = join(SKILLS_DIR, name);
+    if (!existsSync(skillDir)) {
+        return { ok: false, message: `Skill "${name}" is not installed` };
+    }
+    rmSync(skillDir, { recursive: true, force: true });
+    return { ok: true, message: `Removed skill: ${name}` };
+}
+/**
+ * Get the prompt.md content for an installed skill
+ */
+export function getSkillPrompt(name) {
+    const promptPath = join(SKILLS_DIR, name, "prompt.md");
+    if (!existsSync(promptPath))
+        return null;
+    return readFileSync(promptPath, "utf-8");
+}
+/**
+ * Get examples from a skill's examples/ directory
+ */
+function getSkillExamples(name) {
+    const examplesDir = join(SKILLS_DIR, name, "examples");
+    if (!existsSync(examplesDir))
+        return [];
+    try {
+        return readdirSync(examplesDir)
+            .filter((f) => f.endsWith(".md"))
+            .map((f) => readFileSync(join(examplesDir, f), "utf-8"));
+    }
+    catch {
+        return [];
+    }
+}
+/**
+ * Get skills that should be active for the given project directory.
+ * If .codemaxxing/skills.json exists in the project, only those skills are active.
+ * Otherwise, all installed skills are active.
+ */
+export function getActiveSkills(cwd, sessionDisabled = new Set()) {
+    const installed = listInstalledSkills().map((s) => s.name);
+    let active;
+    const projectConfig = join(cwd, ".codemaxxing", "skills.json");
+    if (existsSync(projectConfig)) {
+        try {
+            const config = JSON.parse(readFileSync(projectConfig, "utf-8"));
+            const projectSkills = config.skills ?? [];
+            // Only include project skills that are actually installed
+            active = projectSkills.filter((s) => installed.includes(s));
+        }
+        catch {
+            active = installed;
+        }
+    }
+    else {
+        active = installed;
+    }
+    // Filter out session-disabled skills
+    return active.filter((s) => !sessionDisabled.has(s));
+}
+/**
+ * Build the skill prompt blocks to inject into the system prompt
+ */
+export function buildSkillPrompts(cwd, sessionDisabled = new Set()) {
+    const activeSkills = getActiveSkills(cwd, sessionDisabled);
+    if (activeSkills.length === 0)
+        return "";
+    const blocks = [];
+    for (const name of activeSkills) {
+        const prompt = getSkillPrompt(name);
+        if (!prompt)
+            continue;
+        blocks.push(`\n--- Skill: ${name} ---`);
+        blocks.push(prompt.trim());
+        // Include examples if any
+        const examples = getSkillExamples(name);
+        for (const example of examples) {
+            blocks.push(`\n### Example:\n${example.trim()}`);
+        }
+        blocks.push(`--- End Skill ---`);
+    }
+    return blocks.join("\n");
+}
+/**
+ * Create a scaffold for a new custom skill
+ */
+export function createSkillScaffold(name) {
+    ensureSkillsDir();
+    const skillDir = join(SKILLS_DIR, name);
+    if (existsSync(skillDir)) {
+        return { ok: false, message: `Skill "${name}" already exists` };
+    }
+    mkdirSync(skillDir, { recursive: true });
+    mkdirSync(join(skillDir, "examples"), { recursive: true });
+    const meta = {
+        name,
+        description: "A custom skill",
+        version: "1.0.0",
+        author: "you",
+        tags: [],
+    };
+    writeFileSync(join(skillDir, "skill.json"), JSON.stringify(meta, null, 2));
+    writeFileSync(join(skillDir, "prompt.md"), `# ${name}\n\nAdd your skill prompt here. This content will be injected into the system prompt.\n\n## Guidelines\n- Be specific and actionable\n- Include best practices\n- List anti-patterns to avoid\n`);
+    return { ok: true, message: `Created skill scaffold: ${name}`, path: skillDir };
+}
+/**
+ * Search the built-in registry by name, tags, or description
+ */
+export function searchRegistry(query) {
+    const q = query.toLowerCase();
+    return REGISTRY.filter((s) => s.name.toLowerCase().includes(q) ||
+        s.description.toLowerCase().includes(q) ||
+        s.tags.some((t) => t.toLowerCase().includes(q)));
+}
+/**
+ * Return all skills from the built-in registry
+ */
+export function getRegistrySkills() {
+    return REGISTRY;
+}
+/**
+ * Get the count of active skills
+ */
+export function getActiveSkillCount(cwd, sessionDisabled = new Set()) {
+    return getActiveSkills(cwd, sessionDisabled).length;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codemaxxing",
-  "version": "0.1.14",
+  "version": "0.2.0",
   "description": "Open-source terminal coding agent. Connect any LLM. Max your code.",
   "main": "dist/index.js",
   "bin": {

package/src/agent.ts

@@ -8,6 +8,7 @@ import type {
 import { FILE_TOOLS, executeTool, generateDiff, getExistingContent } from "./tools/files.js";
 import { buildProjectContext, getSystemPrompt } from "./utils/context.js";
 import { isGitRepo, autoCommit } from "./utils/git.js";
+import { buildSkillPrompts, getActiveSkillCount } from "./utils/skills.js";
 import { createSession, saveMessage, updateTokenEstimate, updateSessionCost, loadMessages } from "./utils/sessions.js";
 import type { ProviderConfig } from "./config.js";
 
@@ -99,6 +100,7 @@ export class CodingAgent {
   private totalCost: number = 0;
   private systemPrompt: string = "";
   private compressionThreshold: number;
+  private sessionDisabledSkills: Set<string> = new Set();
 
   constructor(private options: AgentOptions) {
     this.providerType = options.provider.type || "openai";
@@ -128,7 +130,8 @@ export class CodingAgent {
    */
   async init(): Promise<void> {
     const context = await buildProjectContext(this.cwd);
-    this.systemPrompt = await getSystemPrompt(context);
+    const skillPrompts = buildSkillPrompts(this.cwd, this.sessionDisabledSkills);
+    this.systemPrompt = await getSystemPrompt(context, skillPrompts);
 
     this.messages = [
       { role: "system", content: this.systemPrompt },
@@ -689,6 +692,26 @@ export class CodingAgent {
     };
   }
 
+  disableSkill(name: string): void {
+    this.sessionDisabledSkills.add(name);
+  }
+
+  enableSkill(name: string): void {
+    this.sessionDisabledSkills.delete(name);
+  }
+
+  getSessionDisabledSkills(): Set<string> {
+    return this.sessionDisabledSkills;
+  }
+
+  getActiveSkillCount(): number {
+    return getActiveSkillCount(this.cwd, this.sessionDisabledSkills);
+  }
+
+  getCwd(): string {
+    return this.cwd;
+  }
+
   reset(): void {
     const systemMsg = this.messages[0];
     this.messages = [systemMsg];

package/src/index.tsx

@@ -11,6 +11,7 @@ import { execSync } from "child_process";
 import { isGitRepo, getBranch, getStatus, getDiff, undoLastCommit } from "./utils/git.js";
 import { getTheme, listThemes, THEMES, DEFAULT_THEME, type Theme } from "./themes.js";
 import { PROVIDERS, getCredentials, openRouterOAuth, anthropicSetupToken, importCodexToken, importQwenToken, copilotDeviceFlow, saveApiKey } from "./utils/auth.js";
+import { listInstalledSkills, installSkill, removeSkill, getRegistrySkills, searchRegistry, createSkillScaffold, getActiveSkills, getActiveSkillCount } from "./utils/skills.js";
 
 const VERSION = "0.1.9";
 
@@ -46,6 +47,13 @@ const SLASH_COMMANDS = [
   { cmd: "/sessions", desc: "list past sessions" },
   { cmd: "/session delete", desc: "delete a session" },
   { cmd: "/resume", desc: "resume a past session" },
+  { cmd: "/skills", desc: "manage skill packs" },
+  { cmd: "/skills install", desc: "install a skill" },
+  { cmd: "/skills remove", desc: "remove a skill" },
+  { cmd: "/skills list", desc: "show installed skills" },
+  { cmd: "/skills search", desc: "search registry" },
+  { cmd: "/skills on", desc: "enable skill for session" },
+  { cmd: "/skills off", desc: "disable skill for session" },
   { cmd: "/quit", desc: "exit" },
 ];
 
@@ -144,6 +152,9 @@ function App() {
   const [loginPickerIndex, setLoginPickerIndex] = useState(0);
   const [loginMethodPicker, setLoginMethodPicker] = useState<{ provider: string; methods: string[] } | null>(null);
   const [loginMethodIndex, setLoginMethodIndex] = useState(0);
+  const [skillsPicker, setSkillsPicker] = useState<"menu" | "browse" | "installed" | "remove" | null>(null);
+  const [skillsPickerIndex, setSkillsPickerIndex] = useState(0);
+  const [sessionDisabledSkills, setSessionDisabledSkills] = useState<Set<string>>(new Set());
   const [approval, setApproval] = useState<{
     tool: string;
     args: Record<string, unknown>;
@@ -323,7 +334,9 @@ function App() {
       const selected = matches[idx];
       if (selected) {
         // Commands that need args (like /commit, /model) — fill input instead of executing
-        if (selected.cmd === "/commit" || selected.cmd === "/model" || selected.cmd === "/session delete") {
+        if (selected.cmd === "/commit" || selected.cmd === "/model" || selected.cmd === "/session delete" ||
+            selected.cmd === "/skills install" || selected.cmd === "/skills remove" || selected.cmd === "/skills search" ||
+            selected.cmd === "/skills on" || selected.cmd === "/skills off") {
           setInput(selected.cmd + " ");
           setCmdIndex(0);
           setInputKey((k) => k + 1);
@@ -384,10 +397,94 @@ function App() {
         "  /push      — push to remote",
         "  /git on    — enable auto-commits",
         "  /git off   — disable auto-commits",
+        "  /skills    — manage skill packs",
         "  /quit      — exit",
       ].join("\n"));
       return;
     }
+    // ── Skills commands (work without agent) ──
+    if (trimmed === "/skills") {
+      setSkillsPicker("menu");
+      setSkillsPickerIndex(0);
+      return;
+    }
+    if (trimmed.startsWith("/skills install ")) {
+      const name = trimmed.replace("/skills install ", "").trim();
+      const result = installSkill(name);
+      addMsg(result.ok ? "info" : "error", result.ok ? `✅ ${result.message}` : `✗ ${result.message}`);
+      return;
+    }
+    if (trimmed.startsWith("/skills remove ")) {
+      const name = trimmed.replace("/skills remove ", "").trim();
+      const result = removeSkill(name);
+      addMsg(result.ok ? "info" : "error", result.ok ? `✅ ${result.message}` : `✗ ${result.message}`);
+      return;
+    }
+    if (trimmed === "/skills list") {
+      const installed = listInstalledSkills();
+      if (installed.length === 0) {
+        addMsg("info", "No skills installed. Use /skills to browse & install.");
+      } else {
+        const active = getActiveSkills(process.cwd(), sessionDisabledSkills);
+        const lines = installed.map((s) => {
+          const isActive = active.includes(s.name);
+          const disabledBySession = sessionDisabledSkills.has(s.name);
+          const status = disabledBySession ? " (off)" : isActive ? " (on)" : "";
+          return `  ${isActive ? "●" : "○"} ${s.name} — ${s.description}${status}`;
+        });
+        addMsg("info", `Installed skills:\n${lines.join("\n")}`);
+      }
+      return;
+    }
+    if (trimmed.startsWith("/skills search ")) {
+      const query = trimmed.replace("/skills search ", "").trim();
+      const results = searchRegistry(query);
+      if (results.length === 0) {
+        addMsg("info", `No skills found matching "${query}".`);
+      } else {
+        const installed = listInstalledSkills().map((s) => s.name);
+        const lines = results.map((s) => {
+          const mark = installed.includes(s.name) ? " ✓" : "";
+          return `  ${s.name} — ${s.description}${mark}`;
+        });
+        addMsg("info", `Registry matches:\n${lines.join("\n")}`);
+      }
+      return;
+    }
+    if (trimmed.startsWith("/skills create ")) {
+      const name = trimmed.replace("/skills create ", "").trim();
+      if (!name) {
+        addMsg("info", "Usage: /skills create <name>");
+        return;
+      }
+      const result = createSkillScaffold(name);
+      addMsg(result.ok ? "info" : "error", result.ok ? `✅ ${result.message}\n  Edit: ${result.path}/prompt.md` : `✗ ${result.message}`);
+      return;
+    }
+    if (trimmed.startsWith("/skills on ")) {
+      const name = trimmed.replace("/skills on ", "").trim();
+      const installed = listInstalledSkills().map((s) => s.name);
+      if (!installed.includes(name)) {
+        addMsg("error", `Skill "${name}" is not installed.`);
+        return;
+      }
+      setSessionDisabledSkills((prev) => { const next = new Set(prev); next.delete(name); return next; });
+      if (agent) agent.enableSkill(name);
+      addMsg("info", `✅ Enabled skill: ${name}`);
+      return;
+    }
+    if (trimmed.startsWith("/skills off ")) {
+      const name = trimmed.replace("/skills off ", "").trim();
+      const installed = listInstalledSkills().map((s) => s.name);
+      if (!installed.includes(name)) {
+        addMsg("error", `Skill "${name}" is not installed.`);
+        return;
+      }
+      setSessionDisabledSkills((prev) => { const next = new Set(prev); next.add(name); return next; });
+      if (agent) agent.disableSkill(name);
+      addMsg("info", `✅ Disabled skill: ${name} (session only)`);
+      return;
+    }
     if (trimmed.startsWith("/theme")) {
       const themeName = trimmed.replace("/theme", "").trim();
       if (!themeName) {
@@ -739,6 +836,148 @@ function App() {
       return;
     }
 
+    // Skills picker navigation
+    if (skillsPicker) {
+      if (skillsPicker === "menu") {
+        const menuItems = ["browse", "installed", "create", "remove"];
+        if (key.upArrow) {
+          setSkillsPickerIndex((prev) => (prev - 1 + menuItems.length) % menuItems.length);
+          return;
+        }
+        if (key.downArrow) {
+          setSkillsPickerIndex((prev) => (prev + 1) % menuItems.length);
+          return;
+        }
+        if (key.escape) {
+          setSkillsPicker(null);
+          return;
+        }
+        if (key.return) {
+          const selected = menuItems[skillsPickerIndex];
+          if (selected === "browse") {
+            setSkillsPicker("browse");
+            setSkillsPickerIndex(0);
+          } else if (selected === "installed") {
+            setSkillsPicker("installed");
+            setSkillsPickerIndex(0);
+          } else if (selected === "create") {
+            setSkillsPicker(null);
+            setInput("/skills create ");
+            setInputKey((k) => k + 1);
+          } else if (selected === "remove") {
+            const installed = listInstalledSkills();
+            if (installed.length === 0) {
+              setSkillsPicker(null);
+              addMsg("info", "No skills installed to remove.");
+            } else {
+              setSkillsPicker("remove");
+              setSkillsPickerIndex(0);
+            }
+          }
+          return;
+        }
+        return;
+      }
+      if (skillsPicker === "browse") {
+        const registry = getRegistrySkills();
+        if (key.upArrow) {
+          setSkillsPickerIndex((prev) => (prev - 1 + registry.length) % registry.length);
+          return;
+        }
+        if (key.downArrow) {
+          setSkillsPickerIndex((prev) => (prev + 1) % registry.length);
+          return;
+        }
+        if (key.escape) {
+          setSkillsPicker("menu");
+          setSkillsPickerIndex(0);
+          return;
+        }
+        if (key.return) {
+          const selected = registry[skillsPickerIndex];
+          if (selected) {
+            const result = installSkill(selected.name);
+            addMsg(result.ok ? "info" : "error", result.ok ? `✅ ${result.message}` : `✗ ${result.message}`);
+          }
+          setSkillsPicker(null);
+          return;
+        }
+        return;
+      }
+      if (skillsPicker === "installed") {
+        const installed = listInstalledSkills();
+        if (installed.length === 0) {
+          setSkillsPicker("menu");
+          setSkillsPickerIndex(0);
+          addMsg("info", "No skills installed.");
+          return;
+        }
+        if (key.upArrow) {
+          setSkillsPickerIndex((prev) => (prev - 1 + installed.length) % installed.length);
+          return;
+        }
+        if (key.downArrow) {
+          setSkillsPickerIndex((prev) => (prev + 1) % installed.length);
+          return;
+        }
+        if (key.escape) {
+          setSkillsPicker("menu");
+          setSkillsPickerIndex(0);
+          return;
+        }
+        if (key.return) {
+          // Toggle on/off for session
+          const selected = installed[skillsPickerIndex];
+          if (selected) {
+            const isDisabled = sessionDisabledSkills.has(selected.name);
+            if (isDisabled) {
+              setSessionDisabledSkills((prev) => { const next = new Set(prev); next.delete(selected.name); return next; });
+              if (agent) agent.enableSkill(selected.name);
+              addMsg("info", `✅ Enabled: ${selected.name}`);
+            } else {
+              setSessionDisabledSkills((prev) => { const next = new Set(prev); next.add(selected.name); return next; });
+              if (agent) agent.disableSkill(selected.name);
+              addMsg("info", `✅ Disabled: ${selected.name} (session only)`);
+            }
+          }
+          setSkillsPicker(null);
+          return;
+        }
+        return;
+      }
+      if (skillsPicker === "remove") {
+        const installed = listInstalledSkills();
+        if (installed.length === 0) {
+          setSkillsPicker(null);
+          return;
+        }
+        if (key.upArrow) {
+          setSkillsPickerIndex((prev) => (prev - 1 + installed.length) % installed.length);
+          return;
+        }
+        if (key.downArrow) {
+          setSkillsPickerIndex((prev) => (prev + 1) % installed.length);
+          return;
+        }
+        if (key.escape) {
+          setSkillsPicker("menu");
+          setSkillsPickerIndex(0);
+          return;
+        }
+        if (key.return) {
+          const selected = installed[skillsPickerIndex];
+          if (selected) {
+            const result = removeSkill(selected.name);
+            addMsg(result.ok ? "info" : "error", result.ok ? `✅ ${result.message}` : `✗ ${result.message}`);
+          }
+          setSkillsPicker(null);
+          return;
+        }
+        return;
+      }
+      return;
+    }
+
     // Theme picker navigation
     if (themePicker) {
       const themeKeys = listThemes();
@@ -1072,6 +1311,78 @@ function App() {
         </Box>
       )}
 
+      {/* ═══ SKILLS PICKER ═══ */}
+      {skillsPicker === "menu" && (
+        <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
+          <Text bold color={theme.colors.secondary}>Skills:</Text>
+          {[
+            { key: "browse", label: "Browse & Install", icon: "📦" },
+            { key: "installed", label: "Installed Skills", icon: "📋" },
+            { key: "create", label: "Create Custom Skill", icon: "➕" },
+            { key: "remove", label: "Remove Skill", icon: "🗑️" },
+          ].map((item, i) => (
+            <Text key={item.key}>
+              {i === skillsPickerIndex ? <Text color={theme.colors.suggestion} bold>{"▸ "}</Text> : <Text>{"  "}</Text>}
+              <Text color={i === skillsPickerIndex ? theme.colors.suggestion : theme.colors.primary} bold>{item.icon} {item.label}</Text>
+            </Text>
+          ))}
+          <Text dimColor>{"  ↑↓ navigate · Enter select · Esc cancel"}</Text>
+        </Box>
+      )}
+      {skillsPicker === "browse" && (() => {
+        const registry = getRegistrySkills();
+        const installed = listInstalledSkills().map((s) => s.name);
+        return (
+          <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
+            <Text bold color={theme.colors.secondary}>Browse Skills Registry:</Text>
+            {registry.map((s, i) => (
+              <Text key={s.name}>
+                {i === skillsPickerIndex ? <Text color={theme.colors.suggestion} bold>{"▸ "}</Text> : <Text>{"  "}</Text>}
+                <Text color={i === skillsPickerIndex ? theme.colors.suggestion : theme.colors.primary} bold>{s.name}</Text>
+                <Text color={theme.colors.muted}>{" — "}{s.description}</Text>
+                {installed.includes(s.name) ? <Text color={theme.colors.success}> ✓</Text> : null}
+              </Text>
+            ))}
+            <Text dimColor>{"  ↑↓ navigate · Enter install · Esc back"}</Text>
+          </Box>
+        );
+      })()}
+      {skillsPicker === "installed" && (() => {
+        const installed = listInstalledSkills();
+        const active = getActiveSkills(process.cwd(), sessionDisabledSkills);
+        return (
+          <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
+            <Text bold color={theme.colors.secondary}>Installed Skills:</Text>
+            {installed.length === 0 ? (
+              <Text color={theme.colors.muted}>  No skills installed. Use Browse & Install.</Text>
+            ) : installed.map((s, i) => (
+              <Text key={s.name}>
+                {i === skillsPickerIndex ? <Text color={theme.colors.suggestion} bold>{"▸ "}</Text> : <Text>{"  "}</Text>}
+                <Text color={i === skillsPickerIndex ? theme.colors.suggestion : theme.colors.primary} bold>{s.name}</Text>
+                <Text color={theme.colors.muted}>{" — "}{s.description}</Text>
+                {active.includes(s.name) ? <Text color={theme.colors.success}> (on)</Text> : <Text color={theme.colors.muted}> (off)</Text>}
+              </Text>
+            ))}
+            <Text dimColor>{"  ↑↓ navigate · Enter toggle · Esc back"}</Text>
+          </Box>
+        );
+      })()}
+      {skillsPicker === "remove" && (() => {
+        const installed = listInstalledSkills();
+        return (
+          <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.error} paddingX={1} marginBottom={0}>
+            <Text bold color={theme.colors.error}>Remove a skill:</Text>
+            {installed.map((s, i) => (
+              <Text key={s.name}>
+                {i === skillsPickerIndex ? <Text color={theme.colors.suggestion} bold>{"▸ "}</Text> : <Text>{"  "}</Text>}
+                <Text color={i === skillsPickerIndex ? theme.colors.suggestion : theme.colors.muted}>{s.name} — {s.description}</Text>
+              </Text>
+            ))}
+            <Text dimColor>{"  ↑↓ navigate · Enter remove · Esc back"}</Text>
+          </Box>
+        );
+      })()}
+
       {/* ═══ THEME PICKER ═══ */}
       {themePicker && (
         <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
@@ -1182,6 +1493,10 @@ function App() {
               return "";
             })()}
             {modelName ? ` · 🤖 ${modelName}` : ""}
+            {(() => {
+              const count = getActiveSkillCount(process.cwd(), sessionDisabledSkills);
+              return count > 0 ? ` · 🧠 ${count} skill${count !== 1 ? "s" : ""}` : "";
+            })()}
           </Text>
         </Box>
       )}