spirewise 1.6.3 → 1.7.1

package/bin/cli.js

@@ -223,7 +223,7 @@ function box(lines) {
 }
 
 // --- Interactive full-width selector ---------------------------------------
-function interactiveSelect({ title, subtitle, items, multi = true, preselected = [] }) {
+function interactiveSelect({ title, subtitle, items, multi = true, preselected = [], pageSize = 5 }) {
   return new Promise((resolve) => {
     const stdin = process.stdin, stdout = process.stdout;
     if (!stdin.isTTY) { resolve(null); return; }
@@ -243,17 +243,34 @@ function interactiveSelect({ title, subtitle, items, multi = true, preselected =
     };
 
     function render() {
+      // Windowed viewport: show at most `pageSize` rows and keep the cursor
+      // centered so long lists (e.g. skills) scroll smoothly with up/down.
+      const PAGE = Math.min(pageSize, items.length);
+      const half = Math.floor(PAGE / 2);
+      let start = index - half;
+      if (start < 0) start = 0;
+      if (start > items.length - PAGE) start = items.length - PAGE;
+      const end = start + PAGE;
+
       const lines = ['', bar(title)];
       if (subtitle) lines.push(paint(RAW.dim, '  ' + subtitle));
+      if (items.length > PAGE) {
+        const above = start > 0 ? '▲ more' : '      ';
+        lines.push(paint(RAW.dim, `  ${above}   ${index + 1}/${items.length}`));
+      }
       lines.push('');
-      items.forEach((it, i) => {
+      for (let i = start; i < end; i++) {
+        const it = items[i];
         const cur = i === index ? paint(RAW.cyan, '❯') : ' ';
         const mark = multi ? (selected.has(i) ? paint(RAW.green, '◉') : paint(RAW.dim, '◯'))
                            : (i === index ? paint(RAW.green, '◉') : paint(RAW.dim, '◯'));
         const label = i === index ? paint(RAW.bold, it.label) : it.label;
         const hint = it.hint ? paint(RAW.dim, '  ' + it.hint) : '';
         lines.push(`   ${cur} ${mark}  ${label}${hint}`);
-      });
+      }
+      if (items.length > PAGE) {
+        lines.push(paint(RAW.dim, `  ${end < items.length ? '▼ more' : '      '}`));
+      }
       lines.push('');
       lines.push(paint(RAW.dim, '  ' + (multi
         ? '↑/↓ move · space toggle · a all/none · enter confirm · esc cancel'
@@ -392,7 +409,7 @@ async function main() {
       title: `Step 1/3 · Select skills to ${verb}`,
       subtitle: action === 'remove' ? 'These will be deleted from the chosen agents' : 'Copy templates to install into your agents',
       items: available.map((s) => ({ value: s, label: s, hint: skillHint(s) })),
-      multi: true, preselected: available,
+      multi: true, preselected: [],
     });
     if (skills === null) die('Cancelled.');
     if (!skills.length) die('No skills selected.');
@@ -407,7 +424,7 @@ async function main() {
       title: `Step 2/3 · Select agents`,
       subtitle: action === 'remove' ? 'Skills are removed from each agent’s folder' : 'Each agent gets the skills in its own folder + format',
       items: Object.entries(AGENTS).map(([k, a]) => ({ value: k, label: a.label, hint: `(${k}) · ${a.format}` })),
-      multi: true, preselected: Object.keys(AGENTS),
+      multi: true, preselected: [],
     });
     if (agentKeys === null) die('Cancelled.');
     if (!agentKeys.length) die('No agents selected.');
@@ -424,7 +441,7 @@ async function main() {
         { value: 'global',  label: 'Global',    hint: 'your home folders — applies to all projects' },
         { value: 'both',    label: 'Both',      hint: 'workspace + global' },
       ],
-      multi: false, preselected: ['project'],
+      multi: false, preselected: [],
     });
     if (scope === null) die('Cancelled.');
   } else if (!scope) { warn('No terminal; defaulting scope to "workspace".'); scope = 'project'; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spirewise",
-  "version": "1.6.3",
+  "version": "1.7.1",
   "description": "Installable Agent Skills for GitHub Copilot, Claude Code, and Cursor — copywriting (F6S & LinkedIn), NVIDIA Inception tooling, and 35 website design-system architect skills modeled on real SaaS sites.",
   "bin": {
     "spirewise": "bin/cli.js"

package/skills/nvidia-product-inventor/README.md

@@ -43,7 +43,8 @@ products_raw/
 ├── <Product1>/
 │   ├── product.md
 │   ├── logo-brief.md
-│   └── <Product1>-logo-1080x1080.png
+│   ├── <Product1>-logo-dark-1080x1080.png   # dark bg + light mark
+│   └── <Product1>-logo-light-1080x1080.png  # light bg + dark mark
 ├── <Product2>/…
 └── …                       # 3–6 products total
 ```
@@ -51,7 +52,8 @@ products_raw/
 Each `product.md` covers the problem, what it does, **why GPU compute is
 essential**, the NVIDIA stack (hardware → SDKs → software), physical/edge angle,
 moat, market, Inception fit, and MVP scope. Each product also ships a **real
-1080×1080 PNG logo mark** (abstract symbol only, no letters, centered) on a solid background.
+1080×1080 PNG logo mark** (abstract symbol only, no letters, centered) in **two
+high-contrast variants** — dark bg + light mark, and light bg + dark mark.
 
 ## Rules it enforces
 
@@ -72,8 +74,9 @@ moat, market, Inception fit, and MVP scope. Each product also ships a **real
 - Every product must genuinely need accelerated compute (no AI wrappers).
 - Each product gets a **proper designed logo MARK** — 1080×1080 PNG, **mark/symbol
   only and center-aligned** (no full wordmark or name text, **no letters,
-  initials, or monogram**), **solid background** (primary/white/black/other, no
-  transparency or gradient), a letter-free custom brand symbol (not an SVG/UI icon
-  or emoji), saved in the product's folder.
+  initials, or monogram**), in **two high-contrast variants** (dark bg + light
+  mark, and light bg + dark mark — never low-contrast), each on a **solid
+  background** (no transparency or gradient), a letter-free custom brand symbol
+  (not an SVG/UI icon or emoji), saved in the product's folder.
 
 See `SKILL.md` for the full method and the per-product template.

package/skills/nvidia-product-inventor/SKILL.md

@@ -176,7 +176,7 @@ Generated: <YYYY-MM-DD>
 - Inception Approval Fit: 10/10 — <one-line justification vs. the six approval qualities>
 - Same-Space Fit: 10/10 — <one-line justification it stays in the locked space>
 ## Build notes / MVP scope
-## Logo (mark only)              (see logo-brief.md + <ProductName>-logo-1080x1080.png)
+## Logo (mark only)              (see logo-brief.md + dark & light 1080×1080 PNG variants)
 ## Open questions / [UNKNOWN]
 ```
 
@@ -207,34 +207,52 @@ icon, emoji, or clip-art glyph.
   meaning and geometry). No typography — the mark contains no text.
 
 ### Hard output rules
-- Format **PNG**, exactly **1080 × 1080 px**.
-- **Solid background** — a single flat color with NO transparency and NO gradient.
-  Use the brand **primary color**, or white, or black, or another solid color that
-  gives strong contrast with the mark. State the exact bg hex in the brief.
+- Format **PNG**, exactly **1080 × 1080 px**, **two variants required** (same mark
+  geometry, inverted color scheme):
+  1. **Dark variant** — a **dark solid background with a LIGHT mark**
+     (e.g. mark in white / very light brand tint on a near-black or deep brand-dark bg).
+  2. **Light variant** — a **light solid background with a DARK mark**
+     (e.g. mark in near-black / deep brand-dark on a white or very light brand-tint bg).
+- **Strong contrast is mandatory.** Background and mark must be clearly opposite in
+  luminance — aim for a contrast ratio of **≥ 4.5:1** (the higher the better). Never
+  ship low-contrast combinations (light-on-light, dark-on-dark, or a mark that
+  blends into the bg). The mark must read instantly at a glance.
+- **Solid background** — a single flat color with NO transparency and NO gradient
+  in each variant. State the exact bg hex AND mark hex (with the contrast pairing)
+  in the brief.
 - **Mark only**, **center-aligned** both horizontally and vertically, sized large
   with balanced safe padding — not a tiny icon on a big canvas, and not the full
-  name spelled out. The mark must contain **no letters or initials**.
-- Save it **inside that product's folder**:
-  `products_raw/<ProductName>/<ProductName>-logo-1080x1080.png`
-- Also write `products_raw/<ProductName>/logo-brief.md` with: symbol concept,
-  background hex, mark/accent hex, and references consulted. (No monogram/
-  lettermark option and no typography — the mark is a letter-free symbol.)
+  name spelled out. The mark must contain **no letters or initials**. The mark is
+  **identical** in both variants — only the bg/mark colors flip.
+- Save both **inside that product's folder**:
+  `products_raw/<ProductName>/<ProductName>-logo-dark-1080x1080.png`  (dark bg, light mark)
+  `products_raw/<ProductName>/<ProductName>-logo-light-1080x1080.png` (light bg, dark mark)
+- Also write `products_raw/<ProductName>/logo-brief.md` with: symbol concept, the
+  **dark-variant** bg+mark hex, the **light-variant** bg+mark hex, the contrast
+  ratio of each pairing, and references consulted. (No monogram/lettermark option
+  and no typography — the mark is a letter-free symbol.)
 
 ### How to generate it
 1. **Preferred:** if an image-generation tool/model is available, prompt it for a
    *professional brand logo mark / symbol* (specify: abstract symbol only — no
    letters, no initials, no text, no wordmark — the concept, color palette, solid
-   background, flat vector-style, centered, no photographic texture), then ensure
-   the saved file is a 1080×1080 PNG on a solid background with the mark centered.
-2. **Fallback (always works):** render a deliberate brand mark programmatically —
-   e.g. Python + Pillow — drawing a custom geometric/abstract symbol (no letters
-   or initials), centered on a solid-color 1080×1080 canvas. This must look
-   designed (composition, weight, balance), not like a stock icon. Verify
-   dimensions, that the mark is centered, and that the background is fully solid.
+   background, flat vector-style, centered, no photographic texture). Generate the
+   **dark variant** (light mark on dark bg) and the **light variant** (dark mark on
+   light bg), each a 1080×1080 PNG on a solid background with the mark centered and
+   high contrast.
+2. **Fallback (always works):** render both variants programmatically — e.g.
+   Python + Pillow — drawing the **same** custom geometric/abstract symbol (no
+   letters or initials) centered on a solid-color 1080×1080 canvas, once as a light
+   mark on a dark bg and once as a dark mark on a light bg. This must look designed
+   (composition, weight, balance), not like a stock icon. Verify dimensions, that
+   the mark is centered, that each background is fully solid, and that both pairings
+   are high-contrast (light↔dark).
 
 Do **not** ship: lettermarks/monograms/initials, full wordmarks/the spelled-out
-name, taglines, transparent PNGs, gradients, generic icon-font glyphs, stock
-emoji, or screenshots. One clean, centered letter-free brand **symbol** per product.
+name, taglines, transparent PNGs, gradients, **low-contrast color schemes**
+(light-on-light or dark-on-dark), generic icon-font glyphs, stock emoji, or
+screenshots. Ship **one letter-free brand symbol per product in two high-contrast
+variants**: dark bg + light mark, and light bg + dark mark.
 
 ## Quality bar
 
@@ -266,9 +284,11 @@ emoji, or screenshots. One clean, centered letter-free brand **symbol** per prod
    and trips none of the hard disqualifiers (AI wrapper, consulting, crypto, reseller).
 8. `products_raw/_overview.md` opens with the locked space, then summarizes all
    products with both scores.
-9. Every product folder has a **1080×1080 PNG logo MARK on a solid
-   (non-transparent, non-gradient) background**, the **mark centered** with no full
-   wordmark/name text and **no letters, initials, or monogram**, plus
-   `logo-brief.md` — a real letter-free custom symbol, not an SVG/UI icon or
-   emoji. Verify dimensions and that the mark is centered.
+9. Every product folder has **two 1080×1080 PNG logo MARK variants on solid
+   (non-transparent, non-gradient) backgrounds** — a **dark bg + light mark** and a
+   **light bg + dark mark**, both high-contrast (≥ 4.5:1), the **mark centered and
+   identical** across variants, with no full wordmark/name text and **no letters,
+   initials, or monogram**, plus `logo-brief.md` recording both color pairings — a
+   real letter-free custom symbol, not an SVG/UI icon or emoji. Verify dimensions,
+   centering, and that each pairing is genuinely light↔dark.
 10. No marketing/website copy; unknowns marked `[UNKNOWN]`, not invented.