@ericrisco/rsc 0.1.10 → 0.1.12

package/README.md

@@ -1,12 +1,15 @@
 <div align="center">
 
 ```
- ██████╗ ███████╗ ██████╗
- ██╔══██╗██╔════╝██╔════╝
- ██████╔╝███████╗██║     
- ██╔══██╗╚════██║██║     
- ██║  ██║███████║╚██████╗
- ╚═╝  ╚═╝╚══════╝ ╚═════╝
+  ████████    ███████    ███████ 
+  ██    ██   ██         ██    ██ 
+  ██    ██   ██         ██       
+  ██    ██   ██         ██       
+  ████████    ██████    ██       
+  ██  ██           ██   ██       
+  ██   ██          ██   ██       
+  ██    ██         ██   ██    ██ 
+  ██    ██   ███████     ███████ 
 ```
 
 # `rsc` — 231 agent skills, one CLI, zero bloat

package/manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.10",
+  "version": "0.1.12",
   "counts": {
     "skills": 231
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ericrisco/rsc",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Eric Risco's agent-skills catalog as a granular, self-recommending CLI installer.",
   "type": "module",
   "bin": {

package/scripts/lib/ui.js

@@ -36,26 +36,42 @@ const C = {
   green: (s) => `\x1b[32m${s}\x1b[39m`,
 };
 
-const ART = [
-  ' ██████╗ ███████╗ ██████╗',
-  ' ██╔══██╗██╔════╝██╔════╝',
-  ' ██████╔╝███████╗██║     ',
-  ' ██╔══██╗╚════██║██║     ',
-  ' ██║  ██║███████║╚██████╗',
-  ' ╚═╝  ╚═╝╚══════╝ ╚═════╝',
-];
-
-// Vertical truecolor gradient (sky → violet), phase-shiftable for the wave.
-function gradientLine(text, row, phase) {
-  const a = [56, 189, 248]; const b = [167, 139, 250];
-  const t = ((row + phase) % ART.length) / (ART.length - 1);
-  const r = Math.round(a[0] + (b[0] - a[0]) * t);
-  const g = Math.round(a[1] + (b[1] - a[1]) * t);
-  const bl = Math.round(a[2] + (b[2] - a[2]) * t);
-  return `\x1b[38;2;${r};${g};${bl}m${text}\x1b[39m`;
+// Big block RSC wordmark, built from per-letter grids so rows always align.
+const _R = ['████████', '██    ██', '██    ██', '██    ██', '████████', '██  ██', '██   ██', '██    ██', '██    ██'];
+const _S = [' ███████', '██', '██', '██', ' ██████', '      ██', '      ██', '      ██', '███████'];
+const _C = [' ███████', '██    ██', '██', '██', '██', '██', '██', '██    ██', ' ███████'];
+const _padW = 9;
+const _pad = (s) => s + ' '.repeat(Math.max(0, _padW - [...s].length));
+const ART = _R.map((_, i) => `  ${_pad(_R[i])}  ${_pad(_S[i])}  ${_pad(_C[i])}`);
+
+// HSL → RGB (s=1, l=0.6) for a true rainbow.
+function hsl(h, s = 1, l = 0.6) {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+  const m = l - c / 2;
+  let r = 0; let g = 0; let b = 0;
+  if (h < 60) { r = c; g = x; } else if (h < 120) { r = x; g = c; }
+  else if (h < 180) { g = c; b = x; } else if (h < 240) { g = x; b = c; }
+  else if (h < 300) { r = x; b = c; } else { r = c; b = x; }
+  return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];
 }
 
-// Animated ASCII wordmark — the "wooow". Static plain text when not a TTY.
+// One frame: rainbow per character, diagonal phase, revealed up to `cols`.
+function frame(phase, cols) {
+  return ART.map((line, r) => {
+    const chars = [...line];
+    let out = '';
+    for (let c = 0; c < chars.length && c < cols; c++) {
+      const ch = chars[c];
+      if (ch === ' ') { out += ' '; continue; }
+      const [rr, gg, bb] = hsl((c * 5 + r * 14 + phase * 20) % 360);
+      out += `\x1b[1;38;2;${rr};${gg};${bb}m${ch}`;
+    }
+    return `\x1b[2K${out}\x1b[0m`;
+  }).join('\n') + '\n';
+}
+
+// Animated ASCII wordmark — the exaggerated "WOW". Static plain text when not a TTY.
 export async function banner() {
   if (!stdout.isTTY) {
     say('');
@@ -63,23 +79,36 @@ export async function banner() {
     say('  231 skills · one CLI · zero bloat');
     return;
   }
-  const W = Math.max(...ART.map((l) => l.length));
+  const rows = ART.length;
+  const W = Math.max(...ART.map((l) => [...l].length));
   stdout.write('\x1b[?25l'); // hide cursor
   say('');
-  // 1) letters slide in left → right, column by column
+  // 1) letters slide in left → right
   let first = true;
-  for (let w = 1; w <= W; w++) {
-    if (!first) stdout.write(`\x1b[${ART.length}A`);
+  for (let cols = 2; cols <= W; cols += 2) {
+    if (!first) stdout.write(`\x1b[${rows}A`);
     first = false;
-    stdout.write(ART.map((l, i) => `\x1b[2K${gradientLine(l.slice(0, w), i, 0)}`).join('\n') + '\n');
-    await sleep(20);
+    stdout.write(frame(0, cols));
+    await sleep(12);
+  }
+  // 2) flowing rainbow diagonal sweeps
+  for (let phase = 1; phase <= 30; phase++) {
+    stdout.write(`\x1b[${rows}A`);
+    stdout.write(frame(phase, W));
+    await sleep(26);
   }
-  // 2) one flowing color wave to settle
-  for (let phase = 1; phase <= ART.length; phase++) {
-    stdout.write(`\x1b[${ART.length}A`);
-    stdout.write(ART.map((l, i) => `\x1b[2K${gradientLine(l, i, phase)}`).join('\n') + '\n');
-    await sleep(45);
+  // 3) double white flash — the pop
+  for (let f = 0; f < 2; f++) {
+    stdout.write(`\x1b[${rows}A`);
+    stdout.write(ART.map((l) => `\x1b[2K\x1b[1;97m${l}\x1b[0m`).join('\n') + '\n');
+    await sleep(60);
+    stdout.write(`\x1b[${rows}A`);
+    stdout.write(frame(15, W));
+    await sleep(60);
   }
+  // settle on a final rainbow snapshot
+  stdout.write(`\x1b[${rows}A`);
+  stdout.write(frame(15, W));
   say(C.dim('  231 skills · one CLI · zero bloat'));
   stdout.write('\x1b[?25h'); // show cursor
 }
@@ -114,7 +143,7 @@ function tuiSelect(question, options) {
     const paint = makePainter();
     const render = () => paint([
       C.bold(question),
-      C.dim('  ↑↓ move · enter select'),
+      C.dim('  ↑↓ move · enter select · esc back'),
       ...options.map((o, idx) =>
         idx === i ? `${C.cyan('❯')} ${C.cyan(o.label)}` : `  ${o.label}`),
     ]);
@@ -123,7 +152,8 @@ function tuiSelect(question, options) {
       if (key.name === 'up' || key.name === 'k') { i = (i - 1 + options.length) % options.length; render(); }
       else if (key.name === 'down' || key.name === 'j') { i = (i + 1) % options.length; render(); }
       else if (key.name === 'return') { stop(); resolve(options[i].key); }
-      else if (key.name === 'escape' || (key.ctrl && key.name === 'c')) { stop(); stdout.write('\n'); process.exit(130); }
+      else if (key.name === 'escape') { stop(); resolve(null); }              // back / cancel
+      else if (key.ctrl && key.name === 'c') { stop(); stdout.write('\n'); process.exit(130); } // hard quit
     });
   });
 }
@@ -148,7 +178,7 @@ function tuiChecklist(title, items) {
       const more = items.length > VISIBLE ? C.dim(`  (${cur + 1}/${items.length})`) : '';
       paint([
         C.bold(title),
-        C.dim('  ↑↓ move · space toggle · a all · enter confirm') + more,
+        C.dim('  ↑↓ move · space toggle · a all · enter confirm · esc back') + more,
         ...rows,
       ]);
     };
@@ -159,7 +189,8 @@ function tuiChecklist(title, items) {
       else if (key.name === 'space') { sel.has(cur) ? sel.delete(cur) : sel.add(cur); render(); }
       else if (str === 'a') { if (sel.size === items.length) sel.clear(); else items.forEach((_, idx) => sel.add(idx)); render(); }
       else if (key.name === 'return') { stop(); resolve([...sel].sort((x, y) => x - y).map((idx) => items[idx].id)); }
-      else if (key.name === 'escape' || (key.ctrl && key.name === 'c')) { stop(); stdout.write('\n'); process.exit(130); }
+      else if (key.name === 'escape') { stop(); resolve(null); }              // back without changing
+      else if (key.ctrl && key.name === 'c') { stop(); stdout.write('\n'); process.exit(130); } // hard quit
     });
   });
 }

package/scripts/rsc.js

@@ -31,15 +31,19 @@ async function recommendIds(query, { labeledOnly = false } = {}) {
 }
 
 // Pick skills by browsing the domains, accumulating across rounds.
+// Returns the chosen skill ids, or null if the user backed out to the main menu.
 async function manualSelect() {
   const chosen = new Set();
   for (;;) {
     const opts = DOMAINS.map((d, i) => ({ key: String(i), label: `${d.title} (${d.ids.length})` }));
-    opts.push({ key: 'done', label: chosen.size ? `✅ Finish & install (${chosen.size} chosen)` : 'Finish without choosing anything' });
+    opts.push({ key: 'done', label: chosen.size ? `✅ Finish & install (${chosen.size} chosen)` : 'Finish (install nothing)' });
+    opts.push({ key: 'back', label: '← Back to the main menu' });
     const k = await select('\nWhich area do you want to install skills from?', opts);
-    if (k === 'done' || k === null) break;
+    if (k === 'back' || k === null) return null;          // esc or Back → main menu
+    if (k === 'done') break;
     const d = DOMAINS[parseInt(k, 10)];
-    (await pickFrom(`${d.title}:`, d.ids)).forEach((id) => chosen.add(id));
+    const picked = await pickFrom(`${d.title}:`, d.ids);  // null = esc → leave this area unchanged
+    if (picked) picked.forEach((id) => chosen.add(id));
     say(`   → ${chosen.size} skills chosen so far.`);
   }
   return [...chosen];
@@ -54,6 +58,7 @@ async function selectAgents() {
     label: `${t.label}  (${t.hint})${t.id === detected ? '   ⟵ detected here' : ''}`,
   }));
   const chosen = await pickFrom('Which assistants do you want to install for? (space to toggle, a = all)', items);
+  if (chosen === null) return null;          // esc → back to the main menu
   return chosen.length ? chosen : [detected];
 }
 
@@ -91,39 +96,48 @@ async function wizard() {
   const m = loadManifest();
   await banner();
   say('  the skill catalog for your assistant (Claude Code · Codex · Cursor · Gemini · Antigravity)\n');
-  const choice = await select('What do you want to do?', [
-    { key: 'base', label: 'Base install — the essentials (orient + suggest + harness + init)' },
-    { key: 'sdd', label: 'Base + Spec-Driven Development — the specify → plan → implement → ship flow' },
-    { key: 'manual', label: 'Pick skills by hand, by area' },
-  ]);
+  // Navigable loop: esc / "← Back" / "no" all return here instead of quitting.
+  for (;;) {
+    const choice = await select('What do you want to do?', [
+      { key: 'base', label: 'Base install — the essentials (orient + suggest + harness + init)' },
+      { key: 'sdd', label: 'Base + Spec-Driven Development — the specify → plan → implement → ship flow' },
+      { key: 'manual', label: 'Pick skills by hand, by area' },
+    ]);
+    if (choice === null) { say('\nOK — nothing installed. Anytime: npx @ericrisco/rsc'); return; }
 
-  let ids = [];
-  if (choice === 'base') ids = skillsForProfile(m, 'minimal');
-  else if (choice === 'sdd') ids = skillsForProfile(m, 'core');
-  else if (choice === 'manual') ids = await manualSelect();
-  else { say("Didn't catch that. Run again: npx @ericrisco/rsc"); return; }
+    let ids;
+    if (choice === 'base') ids = skillsForProfile(m, 'minimal');
+    else if (choice === 'sdd') ids = skillsForProfile(m, 'core');
+    else if (choice === 'manual') {
+      const picked = await manualSelect();
+      if (picked === null) continue;          // backed out → re-show this menu
+      ids = picked;
+    } else continue;
 
-  // The floor is always installed: the compass + the detector.
-  ids = [...new Set(['orient', 'suggest', ...ids])];
-  if (ids.length <= 2 && choice !== 'base') {
-    say('\nNo skills were chosen. Anytime: npx @ericrisco/rsc');
-    return;
-  }
+    // The floor is always installed: the compass + the detector.
+    ids = [...new Set(['orient', 'suggest', ...ids])];
+    if (ids.length <= 2 && choice !== 'base') {
+      say('\nNothing chosen — back to the menu.');
+      continue;
+    }
 
-  const targets = await selectAgents();
-  say(`\nI'll install ${ids.length} skills for: ${targets.join(', ')}`);
-  say('   ' + ids.join(', '));
-  say('   (real files live once in .rsc/skills/ — each assistant just links to them)');
-  if (!(await confirm('Install it?'))) {
-    say('No problem. Anytime: npx @ericrisco/rsc');
+    const targets = await selectAgents();
+    if (targets === null) continue;           // esc in the assistant picker → back to menu
+    say(`\nI'll install ${ids.length} skills for: ${targets.join(', ')}`);
+    say('   ' + ids.join(', '));
+    say('   (real files live once in .rsc/skills/ — each assistant just links to them)');
+    if (!(await confirm('Install it?'))) {
+      say('Cancelled — back to the menu.');
+      continue;                                // "no" / esc → back to menu, not quit
+    }
+    for (const target of targets) {
+      await applyInstall({ skillIds: ids, target });
+      say(`   ✅ ${target}`);
+    }
+    say(`\n✅ Installed ${ids.length} skills for ${targets.length} assistant(s).`);
+    printNextSteps(targets, ids);
     return;
   }
-  for (const target of targets) {
-    await applyInstall({ skillIds: ids, target });
-    say(`   ✅ ${target}`);
-  }
-  say(`\n✅ Installed ${ids.length} skills for ${targets.length} assistant(s).`);
-  printNextSteps(targets, ids);
 }
 
 async function main() {