wand-kit 0.3.0 → 0.3.1

package/SKILL.md

@@ -4,7 +4,7 @@ description: Rebrand or create Wand material on the current or new brand - decks
 compatibility: Requires Node.js 18+, code execution enabled in claude.ai (Settings > Features), and a Chromium the kit can find (Playwright's cache or the system). No network needed once installed. Python 3 embeds fonts in the .pptx; without it the deck ships with the faces named, not embedded.
 license: Proprietary - Wand AI
 metadata:
-  version: "0.3.0"
+  version: "0.3.1"
 ---
 
 
@@ -27,6 +27,26 @@ Every row must be clear, and `chromium` must name a binary. If it does not,
 **stop and say so**: nothing renders without a browser, and never report checks
 you did not run. Every path below is relative to the kit folder.
 
+## Whichever Wand skill brought you here
+
+Every Wand skill a person has installed leads to this kit: this
+`wand-design`, an older `wand-design`, `wand-decks`, `wand-docs` or
+`wand-studio`. An older one was written before this kit and may describe
+two kits and a routing table between them, `wand-decks-kit` or
+`wand-docs-kit`, `node wand.js show` and `edit --set`, kit sizes, version
+numbers, or that the deck must be a .pptx. That text is superseded, not
+wrong to have: the older skill installs a package that hands over to this
+kit, which is how it updates itself. So:
+
+- Follow this file. Where the older text disagrees, this file wins, without
+  comment.
+- Never tell the user their skill is outdated, mismatched or due for an
+  update, and never ask them to remove, re-upload or reinstall a skill.
+  Nothing on their side needs to change.
+- If an older skill asks you to choose between a deck kit and a document kit
+  first, do not ask the user: this kit makes both, and storyboards, and talks.
+- One setup per chat: if two Wand skills fire on one request, install once.
+
 ## What this is
 
 One HTML page per slide, sheet or card, composed from a component library on

package/brands/current/tokens.json

@@ -53,7 +53,8 @@
       "stroke": "E4E0F2",
       "rule": "E4E0F2",
       "track": "E9E6F5",
-      "surface": "EBE8F8"
+      "surface": "EBE8F8",
+      "emphLabel": "AA9BFF"
     },
     "dark": {
       "bg": "240F48",
@@ -72,7 +73,8 @@
       "stroke": "5B4BB0",
       "rule": "3A2E63",
       "track": "1A1033",
-      "surface": "1A1033"
+      "surface": "1A1033",
+      "emphLabel": "C4B5F4"
     }
   },
   "faces": {

package/brands/next/tokens.json

@@ -47,11 +47,11 @@
       "paper": "EBE8E2",
       "ink": "2D2D2D",
       "text": "686766",
-      "soft": "7B7B79",
+      "soft": "686766",
       "muted": "8F8E8C",
       "accent": "B79A5E",
-      "accentText": "917741",
-      "label": "917741",
+      "accentText": "786336",
+      "label": "786336",
       "emph": "3A314E",
       "emphInk": "FFFFFF",
       "emphText": "BEBBC5",
@@ -59,7 +59,8 @@
       "stroke": "EBE8E2",
       "rule": "D5CEC2",
       "track": "D5CEC2",
-      "surface": "EBE8E2"
+      "surface": "EBE8E2",
+      "emphLabel": "B79A5E"
     },
     "dark": {
       "bg": "261D3D",
@@ -78,7 +79,8 @@
       "stroke": "3A314E",
       "rule": "504666",
       "track": "504666",
-      "surface": "3A314E"
+      "surface": "3A314E",
+      "emphLabel": "C4C1CA"
     }
   },
   "faces": {

package/examples/overview/job.mjs

@@ -37,6 +37,8 @@ export default {
 .kpi .num{font-family:var(--face-label);font-weight:var(--w-label);font-size:var(--t-num);letter-spacing:.2em;color:var(--label);padding-top:.25em}
 .kpi h5{margin-bottom:.25em}
 .kpi p{font-size:var(--t-sm);line-height:1.5;color:var(--text)}
+/* running text across the full page keeps a reading measure */
+.content>.body{max-width:44em}
 `,
   pages: (c) => [
     c.cover({

package/lib/components.js

@@ -291,14 +291,16 @@ b,strong{font-weight:600}
 .card.emph{background:var(--emph);border:var(--emph-stroke) solid var(--emph-accent);color:var(--emph-ink)}
 .card.emph p,.card.emph .body,.card.emph .role,.card.emph .lead{color:var(--emph-text)}
 .card.emph h3,.card.emph h4,.card.emph h5,.card.emph .name,.card.emph .lead-in,.card.emph .q p{color:var(--emph-ink)}
-.card.emph .tag,.card.emph .out,.card.emph .when,.card.emph em{color:var(--emph-accent)}
+.card.emph em{color:var(--emph-accent)}
+/* small text on an emphasis card takes its own role: gold reads at AA on one brand's card and not the other's */
+.card.emph .tag,.card.emph .out,.card.emph .when{color:var(--emph-label,var(--emph-accent))}
 .card.centred{display:flex;flex-direction:column;justify-content:center}
 .card p{font-size:var(--t-sm);line-height:1.5;color:var(--text)}
 .card .body{font-size:var(--t-body);line-height:var(--lh-body)}.card .body.sm{font-size:var(--t-sm);line-height:1.55}
 .card .lead{font-size:var(--t-lead)}
 .card h3{margin-bottom:.3em}.card h4{margin-bottom:.35em}.card h5{margin-bottom:.4em}
 .card .sub{font-size:var(--t-sm);font-weight:500;color:var(--accent-text);margin-bottom:.5em}
-.card.emph .sub{color:var(--emph-accent)}
+.card.emph .sub{color:var(--emph-label,var(--emph-accent))}
 .card .out{margin-top:auto;padding-top:.6em;font-weight:500;color:var(--accent-text)}
 .card.fn,.card.flex{display:flex;flex-direction:column}
 .card.fn h5{font-family:var(--face-label);font-weight:var(--w-label);font-size:calc(var(--t-tag) * 1.1);letter-spacing:.12em;text-transform:var(--caps-label);color:var(--ink);margin-bottom:.6em}
@@ -329,7 +331,7 @@ b,strong{font-weight:600}
 .node{flex:1;display:flex;flex-direction:column;gap:.15em;padding:.7em 1em;border-radius:calc(var(--m-radius) * .7 * var(--radius-k));border:var(--m-stroke) solid var(--stroke);background:var(--paper)}
 .node .who{font-family:var(--face-label);font-weight:var(--w-label);font-size:calc(var(--t-tag) * .92);letter-spacing:.16em;text-transform:var(--caps-label);color:var(--soft);display:block;border:0;padding:0}
 .node .verb{font-family:var(--face-display);font-weight:var(--w-display);font-size:var(--t-sm);color:var(--ink);letter-spacing:var(--tr-display)}
-.node.a{background:var(--emph);border-color:var(--emph)}.node.a .who{color:var(--emph-accent)}.node.a .verb{color:var(--emph-ink)}
+.node.a{background:var(--emph);border-color:var(--emph)}.node.a .who{color:var(--emph-label,var(--emph-accent))}.node.a .verb{color:var(--emph-ink)}
 .fnote{font-size:var(--t-sm);line-height:1.4;color:var(--text)}
 /* tables */
 table.grid{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
@@ -379,7 +381,7 @@ table.grid{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums
 .cover .top{display:flex;flex-direction:column;gap:1.3em}
 .cover h1{font-size:var(--t-display);line-height:1.02;letter-spacing:-.03em}
 .lede{font-size:var(--t-lede);font-weight:500;line-height:1.45;color:var(--ink);max-width:88%}
-.cover-body{font-size:var(--t-body);line-height:1.6;color:var(--text);max-width:80%}
+.cover-body{font-size:var(--t-body);line-height:1.6;color:var(--text);max-width:min(80%,44em)}
 .meta{font-size:var(--t-meta);color:var(--text);padding-top:1em;border-top:1px solid var(--rule);line-height:1.4}
 .cover .bottom{display:flex;flex-direction:column;gap:1em}
 .back .content{justify-content:center;gap:1.4em}
@@ -442,7 +444,7 @@ table.grid{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums
 .frame-art{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:calc(var(--m-radius) * .7 * var(--radius-k));background:var(--track);border:var(--card-stroke) solid var(--stroke)}
 .frame-art>svg,.frame-art>img{position:absolute;inset:0;width:100%;height:100%;display:block}
 .frame-art>img{object-fit:cover}
-.frame figcaption{font-size:var(--t-note);line-height:1.4;color:var(--soft);font-variant-numeric:tabular-nums}
+.frame figcaption{font-size:var(--t-note);line-height:1.4;color:var(--soft);font-variant-numeric:tabular-nums;max-width:44em}
 .frame figcaption b{color:var(--label);font-weight:600}
 .frame figcaption span{display:block;color:var(--text);margin-top:.2em}
 .frame .todo{position:absolute;inset:0;display:grid;place-items:center;border:2px dashed var(--rule);border-radius:inherit}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wand-kit",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "One HTML design surface for every sales and marketing material, on either Wand brand: decks that animate and present, documents, one-pagers, case studies, storyboards from a script, social cards. Every export (PDF, PNG, PowerPoint, one-file HTML) is read from the page that was reviewed.",
   "license": "SEE LICENSE IN PROMPT.md",
   "bin": {