@nurix/etna 0.19.11 → 0.19.13

package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md

@@ -0,0 +1,211 @@
+---
+schema: design-md/v2
+id: quiet-premium
+tier: variant
+segments: [b2b-saas, infra]
+keywords: [premium, calm, muted, restrained, sage, soft, one-voice]
+sourced: 2026-07-12
+sources: "authored for the v2 variant roster; Hanken Grotesk specimen"
+license: open
+---
+
+# quiet-premium — the client floor of a discreet asset office
+
+## 1 Visual Theme
+The client floor of a discreet asset office: honed pale stone underfoot, sage
+wool panels on the walls, brushed steel dimmed to matte, one fern by the
+window — nothing announces itself, everything is finished. Light default; the
+money shows as restraint: soft (never harsh) ink contrast, neutrals tinted
+faintly toward eucalyptus, exactly one desaturated green accent, and air —
+generous line-height and margins where louder products spend pixels on
+ornament. Dark is the same floor at dusk with the lamps low, an authored
+ladder in the same hue.
+
+## 2 Color Roles
+Soft graphite-green `foreground` on a sage-washed `background` — deliberately
+short of maximum contrast, never short of legible. `primary` is the one
+desaturated eucalyptus green, spent on the primary action, active nav, and the
+`ring`; `accent` is its pale wash for selection and hover. Status hues are
+muted to match the room: `destructive` clay-red, `success` moss, `warning`
+dry amber — chips and validation only, never chrome. The `sidebar` is one
+tone deeper than the canvas, separated by hairline, not contrast.
+
+## 3 Typography
+One voice: Hanken Grotesk for display and text alike — restraint is a single
+family carrying every register — with Fragment Mono for figures, IDs, and
+timestamps. The display register is Hanken at 30px and medium weight, never
+bold; emphasis anywhere bumps 400 → 500 and stops. Line-height runs generous
+(body 14/22) — the luxury is air between lines. Numeric columns are always
+Fragment Mono `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm`, `primary` fill for the one action, `secondary` fill +
+hairline for everything else, never a pill. Inputs are `background` fill with
+hairline `border`; focus is the quiet 2px `ring`, no glow. Cards sit flat on
+`card` behind a hairline — shadow is reserved for true overlays and even
+there stays nearly invisible. Table rows breathe (relaxed height), `muted`
+hover, `accent` selection. Detail opens in the side panel, its head set in
+the display register.
+
+## 5 Layout
+4px base. Sidebar 264/64px; topbar 60px; side panel 460/720px; content caps
+at 1280px and centers — wide margins are part of the identity. Forms run
+narrow and single-column. Density is relaxed by default and may step to
+standard on data-heavy archetypes, never to compressed.
+
+## 6 Depth
+Hairlines carry all structure in light; the two declared shadows (popover,
+overlay) are sage-tinted and so faint they read as atmosphere, not elevation.
+No card shadows, ever. Focus is the 2px `ring`. Dark expresses depth as the
+surface ladder: `background` 0.19 L, `surface-raised` +0.05, `surface-overlay`
++0.09, hue held at 175 — raised things get lighter, never glow.
+
+## 7 Motion
+Unhurried and few. Named moments: `panel-drift` (side panel, 280ms,
+interruptible), `fade-arrive` (page content, 200ms), `press` (120ms). Easing
+is a long ease-out; nothing springs, nothing bounces. No animation on
+keyboard-initiated or high-frequency actions. Physicality is granted only to
+auth and the first-run empty state, as a slow fade, not a flourish.
+
+## 8 Iconography & Charts
+Lucide at 1.25px stroke — a lighter line than default, matching the soft ink
+— on the 16/20px grid, `muted-foreground` by default. Charts: hairline axes,
+no gridline fills, a muted five-hue ramp led by the eucalyptus (`chart-1..5`),
+tooltips on `surface-overlay` with mono numerals. No chart ever shouts; the
+data may.
+
+## 9 Voice
+Measured host: complete sentences, no urgency theater, numbers plain.
+"Add mandate" · "Nothing awaiting review — the next rebalance lands Thursday"
+· "This allocation exceeds the drafted limit; adjust it or request a second
+signature."
+
+## 10 Do's & Don'ts
+Do keep exactly one desaturated accent — if a surface wants a second color,
+it wants a hairline instead. Do spend space before spending weight. Do keep
+shadows at atmosphere level or absent. Don't push `foreground` to pure black
+— the softness is the brand. Don't bold; medium is the ceiling. Don't
+introduce saturated status colors; muted clay, moss, and amber only. Don't
+compress density below standard.
+
+## 11 Responsive
+375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
+mono figures; line-height holds. 768: sidebar collapses to the icon rail.
+1024: two-pane queue+detail holds. 1440: content stays capped at 1280px; the
+margins widen — the calm scales, the text measure doesn't.
+
+## 12 Agent Prompt Guide
+Set the room before the furniture: margins and line-height first, then
+hairlines, then ink. One family, two weights, one green — if a design wants
+more, it has drifted off-package. Prefer removing an element to muting it.
+Dark is authored — consult the block, never derive. Never let a shadow do a
+hairline's job.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.977 0.006 168)
+    foreground: oklch(0.3 0.02 175)
+    card: oklch(0.985 0.005 168)
+    card-foreground: oklch(0.3 0.02 175)
+    popover: oklch(0.988 0.005 168)
+    popover-foreground: oklch(0.3 0.02 175)
+    primary: oklch(0.43 0.07 172)
+    primary-foreground: oklch(0.975 0.006 168)
+    secondary: oklch(0.945 0.009 168)
+    secondary-foreground: oklch(0.33 0.025 172)
+    muted: oklch(0.95 0.008 168)
+    muted-foreground: oklch(0.47 0.02 172)
+    accent: oklch(0.925 0.015 168)
+    accent-foreground: oklch(0.36 0.055 172)
+    destructive: oklch(0.52 0.16 25)
+    destructive-foreground: oklch(0.975 0.006 25)
+    success: oklch(0.55 0.1 160)
+    warning: oklch(0.66 0.11 70)
+    border: oklch(0.912 0.012 168)
+    input: oklch(0.912 0.012 168)
+    ring: oklch(0.52 0.075 172)
+    surface-raised: oklch(0.985 0.005 168)
+    surface-overlay: oklch(0.988 0.005 168)
+    chart-1: oklch(0.5 0.09 172)
+    chart-2: oklch(0.55 0.07 220)
+    chart-3: oklch(0.62 0.09 90)
+    chart-4: oklch(0.55 0.06 300)
+    chart-5: oklch(0.6 0.08 40)
+    sidebar: oklch(0.963 0.008 168)
+    sidebar-foreground: oklch(0.3 0.02 175)
+    sidebar-primary: oklch(0.43 0.07 172)
+    sidebar-primary-foreground: oklch(0.975 0.006 168)
+    sidebar-accent: oklch(0.925 0.015 168)
+    sidebar-accent-foreground: oklch(0.36 0.055 172)
+    sidebar-border: oklch(0.912 0.012 168)
+    sidebar-ring: oklch(0.52 0.075 172)
+  dark:
+    background: oklch(0.19 0.012 175)
+    foreground: oklch(0.9 0.01 168)
+    card: oklch(0.22 0.013 175)
+    card-foreground: oklch(0.9 0.01 168)
+    popover: oklch(0.28 0.015 175)
+    popover-foreground: oklch(0.9 0.01 168)
+    primary: oklch(0.72 0.09 170)
+    primary-foreground: oklch(0.16 0.02 175)
+    secondary: oklch(0.26 0.014 175)
+    secondary-foreground: oklch(0.87 0.012 168)
+    muted: oklch(0.25 0.013 175)
+    muted-foreground: oklch(0.7 0.015 170)
+    accent: oklch(0.3 0.03 172)
+    accent-foreground: oklch(0.85 0.05 168)
+    destructive: oklch(0.63 0.14 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.68 0.11 160)
+    warning: oklch(0.75 0.11 70)
+    border: oklch(0.29 0.015 175)
+    input: oklch(0.29 0.015 175)
+    ring: oklch(0.72 0.09 170)
+    surface-raised: oklch(0.24 0.014 175)
+    surface-overlay: oklch(0.28 0.015 175)
+    chart-1: oklch(0.7 0.1 170)
+    chart-2: oklch(0.68 0.08 220)
+    chart-3: oklch(0.75 0.09 90)
+    chart-4: oklch(0.68 0.07 300)
+    chart-5: oklch(0.72 0.09 45)
+    sidebar: oklch(0.17 0.011 175)
+    sidebar-foreground: oklch(0.88 0.012 168)
+    sidebar-primary: oklch(0.72 0.09 170)
+    sidebar-primary-foreground: oklch(0.16 0.02 175)
+    sidebar-accent: oklch(0.25 0.02 172)
+    sidebar-accent-foreground: oklch(0.88 0.012 168)
+    sidebar-border: oklch(0.27 0.013 175)
+    sidebar-ring: oklch(0.72 0.09 170)
+typography:
+  display: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [500] }
+  sans: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "Fragment Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 40px, weight: 500, family: display, tracking: -0.005em }
+    h1: { size: 22px, line: 32px, weight: 500, family: sans }
+    h2: { size: 17px, line: 26px, weight: 500, family: sans }
+    body: { size: 14px, line: 22px, weight: 400, family: sans }
+    small: { size: 13px, line: 20px, weight: 400, family: sans }
+    caption: { size: 12px, line: 18px, weight: 400, family: sans }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 10px 36px oklch(0.32 0.02 172 / 0.07)"
+    popover: "0 2px 10px oklch(0.32 0.02 172 / 0.05)"
+  dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.28, hue-held: 175 }
+motion:
+  duration: { press: 120ms, fade: 200ms, panel: 280ms }
+  easing: { standard: "cubic-bezier(0.25, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.25px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 4px, sidebar: [264px, 64px], topbar: 60px, side-panel: [460px, 720px], content-max: 1280px }
+```

package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md

@@ -0,0 +1,212 @@
+---
+schema: design-md/v2
+id: terse-dense-operator
+tier: variant
+segments: [ops, fintech, monitoring]
+keywords: [dense, terminal, mono, utilitarian, dark-first, cyan, cockpit]
+sourced: 2026-07-12
+sources: "authored for the v2 variant roster; JetBrains Mono specimen"
+license: open
+---
+
+# terse-dense-operator — an engine control room at 03:00
+
+## 1 Visual Theme
+A container ship's engine control room at 03:00: black consoles bolted in
+rows, cyan phosphor readouts, hairline-etched panel labels, not one surface
+that reflects. Dark is the primary mood and is authored first; light is the
+daylight bridge — the same instruments with the sun on. Maximum data per
+pixel: 0–2px radius, hairlines as the only ornament, mono-forward type, no
+shadows pretending to be depth. One cyan accent marks the live thing; all
+else is instrument gray-blue.
+
+## 2 Color Roles
+Pale instrument `foreground` on near-black `background` (dark-first). Cyan
+`primary` marks the one live element — primary action, active nav, the
+`ring` — and nothing else; `accent` is its dim panel-glow tint for the
+selected row. Status hues are signal lamps: `destructive` red, `success`
+green, `warning` amber — on chips, cell states, and thresholds only, and
+they outrank the cyan when lit. The `sidebar` drops a step darker than the
+canvas; every separator is the hairline `border`, never contrast blocks.
+
+## 3 Typography
+JetBrains Mono (display and data) / IBM Plex Sans (chrome). The cockpit
+speaks mono: page titles are JetBrains Mono 700 at 20px — a stencil on a
+panel, not a headline — and every figure, ID, timestamp, and log line is
+mono with `tabular-nums`. IBM Plex Sans carries controls, labels, and body
+where mono would tire the eye. The ramp is compressed (body 13px, data 12px);
+weight changes are the only emphasis. Nothing exceeds 20px anywhere.
+
+## 4 Component Stylings
+Buttons `radius-sm` (0px), `primary` fill only on the single commit action;
+everything else is hairline-outlined `secondary` or ghost. Inputs are flat
+`background` fill with hairline `border`, focus a 2px cyan `ring` — no glow,
+no lift. Cards are hairline-bounded regions of the panel, never shadowed.
+Table rows run at maximum density with `muted` hover, `accent` selection,
+and mono numerals; column dividers are hairlines. Detail opens in a narrow
+side panel; modals confirm destructive acts and do nothing else.
+
+## 5 Layout
+4px base, spent sparingly. Sidebar 224/48px; topbar 44px; side panel
+400/560px; content runs full-bleed to 1920px — a cockpit wastes no glass.
+Gutters stay at 8–12px; density is compressed by default and never relaxes
+below standard even on empty states. Forms are narrow, label-left, built for
+the tab key.
+
+## 6 Depth
+None faked. Light theme: hairlines only; the two declared shadows are
+1px-ring outlines (tinted, near-invisible) that keep overlays legible on
+white, not elevation. Dark theme: the surface ladder is the only depth —
+`background` 0.14 L, `surface-raised` +0.04, `surface-overlay` +0.09, hue
+held at 230. Focus is the 2px `ring`; z-levels: content, sticky chrome,
+overlay. Nothing floats, nothing glows.
+
+## 7 Motion
+Near zero. Named moments: `panel-snap` (side panel, 160ms, interruptible),
+`fade-arrive` (page content, 90ms), `press` (60ms). Row hover, selection,
+sort, and every keyboard-initiated action render instantly — 0ms, by policy.
+Physicality is granted to auth alone, as a single 160ms fade. If a motion is
+noticed twice in a shift, it is too long.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, on a compact 14/16px grid, `muted-foreground` default;
+icons label systems, never decorate. Charts are instruments: hairline axes,
+no gridline fills, no area washes, the cyan-led categorical ramp
+(`chart-1..5`), tooltips on `surface-overlay` with mono numerals, thresholds
+drawn as hairline rules in status hues.
+
+## 9 Voice
+Log-terse: imperative verbs, no pleasantries, values before prose.
+"Ack alert" · "Queue empty — 0 pending, last drain 03:12:47Z" · "Write
+failed: partition 7 read-only since 02:58; retry blocked."
+
+## 10 Do's & Don'ts
+Do put a figure where prose could go. Do keep every radius at 0–2px and
+every separator a hairline. Do let status lamps outrank the cyan when lit.
+Don't shadow anything; the ladder is the only depth. Don't animate hover,
+sort, selection, or anything keyboard-initiated. Don't let mono display type
+grow past 20px — a cockpit has no headlines. Don't relax density for
+aesthetics; whitespace here is unread telemetry.
+
+## 11 Responsive
+375: sidebar → off-canvas rail, side panel → full sheet, tables keep mono
+figures and horizontal scroll — never card-ify telemetry. 768: sidebar holds
+at the 48px icon rail. 1024: two-pane queue+detail holds. 1440–1920:
+columns multiply; the grid fills all available glass, no centering cap
+below 1920px.
+
+## 12 Agent Prompt Guide
+Author dark first; light is the daylight variant of the same panel, not a
+separate look. Every surface leads with its densest useful table. Cyan on
+exactly one live element; when a status lamp lights, cyan yields. No motion
+on anything an operator repeats; 0ms is the default answer. Read the ladder
+from the block — never derive dark, never add a shadow.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.965 0.006 230)
+    foreground: oklch(0.2 0.02 235)
+    card: oklch(0.975 0.005 230)
+    card-foreground: oklch(0.2 0.02 235)
+    popover: oklch(0.98 0.005 230)
+    popover-foreground: oklch(0.2 0.02 235)
+    primary: oklch(0.42 0.09 210)
+    primary-foreground: oklch(0.97 0.006 220)
+    secondary: oklch(0.93 0.009 230)
+    secondary-foreground: oklch(0.24 0.02 233)
+    muted: oklch(0.935 0.008 230)
+    muted-foreground: oklch(0.44 0.02 233)
+    accent: oklch(0.9 0.03 210)
+    accent-foreground: oklch(0.33 0.06 215)
+    destructive: oklch(0.53 0.19 27)
+    destructive-foreground: oklch(0.97 0.006 27)
+    success: oklch(0.55 0.12 155)
+    warning: oklch(0.62 0.13 75)
+    border: oklch(0.885 0.01 230)
+    input: oklch(0.885 0.01 230)
+    ring: oklch(0.42 0.09 210)
+    surface-raised: oklch(0.975 0.005 230)
+    surface-overlay: oklch(0.98 0.005 230)
+    chart-1: oklch(0.48 0.1 210)
+    chart-2: oklch(0.55 0.12 150)
+    chart-3: oklch(0.62 0.13 75)
+    chart-4: oklch(0.52 0.12 300)
+    chart-5: oklch(0.5 0.08 255)
+    sidebar: oklch(0.945 0.007 230)
+    sidebar-foreground: oklch(0.2 0.02 235)
+    sidebar-primary: oklch(0.42 0.09 210)
+    sidebar-primary-foreground: oklch(0.97 0.006 220)
+    sidebar-accent: oklch(0.9 0.03 210)
+    sidebar-accent-foreground: oklch(0.33 0.06 215)
+    sidebar-border: oklch(0.885 0.01 230)
+    sidebar-ring: oklch(0.42 0.09 210)
+  dark:
+    background: oklch(0.14 0.01 230)
+    foreground: oklch(0.89 0.012 220)
+    card: oklch(0.17 0.011 230)
+    card-foreground: oklch(0.89 0.012 220)
+    popover: oklch(0.23 0.013 230)
+    popover-foreground: oklch(0.89 0.012 220)
+    primary: oklch(0.8 0.12 200)
+    primary-foreground: oklch(0.14 0.02 225)
+    secondary: oklch(0.22 0.012 230)
+    secondary-foreground: oklch(0.86 0.014 220)
+    muted: oklch(0.2 0.012 230)
+    muted-foreground: oklch(0.68 0.02 225)
+    accent: oklch(0.25 0.035 210)
+    accent-foreground: oklch(0.85 0.08 200)
+    destructive: oklch(0.64 0.2 25)
+    destructive-foreground: oklch(0.11 0.02 25)
+    success: oklch(0.74 0.15 155)
+    warning: oklch(0.78 0.14 75)
+    border: oklch(0.25 0.013 230)
+    input: oklch(0.25 0.013 230)
+    ring: oklch(0.8 0.12 200)
+    surface-raised: oklch(0.18 0.012 230)
+    surface-overlay: oklch(0.23 0.013 230)
+    chart-1: oklch(0.8 0.12 200)
+    chart-2: oklch(0.72 0.13 150)
+    chart-3: oklch(0.78 0.13 75)
+    chart-4: oklch(0.7 0.12 300)
+    chart-5: oklch(0.68 0.1 255)
+    sidebar: oklch(0.12 0.009 230)
+    sidebar-foreground: oklch(0.86 0.014 220)
+    sidebar-primary: oklch(0.8 0.12 200)
+    sidebar-primary-foreground: oklch(0.14 0.02 225)
+    sidebar-accent: oklch(0.19 0.015 230)
+    sidebar-accent-foreground: oklch(0.87 0.014 220)
+    sidebar-border: oklch(0.22 0.012 230)
+    sidebar-ring: oklch(0.8 0.12 200)
+typography:
+  display: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [700] }
+  sans: { family: "IBM Plex Sans", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400, 700] }
+  ramp:
+    display: { size: 20px, line: 26px, weight: 700, family: display, tracking: 0em }
+    h1: { size: 18px, line: 24px, weight: 600, family: sans }
+    h2: { size: 15px, line: 20px, weight: 600, family: sans }
+    body: { size: 13px, line: 18px, weight: 400, family: sans }
+    small: { size: 12px, line: 16px, weight: 400, family: sans }
+    caption: { size: 11px, line: 14px, weight: 500, family: sans, tracking: 0.02em }
+    data: { size: 12px, line: 18px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 0px, md: 2px, lg: 2px }
+  hairline: border
+  shadow:
+    overlay: "0 0 0 1px oklch(0.32 0.015 230 / 0.55)"
+    popover: "0 0 0 1px oklch(0.32 0.015 230 / 0.55)"
+  dark-ladder: { background: 0.14, raised: 0.18, overlay: 0.23, hue-held: 230 }
+motion:
+  duration: { press: 60ms, fade: 90ms, panel: 160ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth]
+iconography: { set: lucide, stroke: 1.5px, grid: [14px, 16px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 4px, sidebar: [224px, 48px], topbar: 44px, side-panel: [400px, 560px], content-max: 1920px }
+```

package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md

@@ -0,0 +1,216 @@
+---
+schema: design-md/v2
+id: warm-approachable
+tier: variant
+segments: [smb, hr, support]
+keywords: [warm, human, soft, rounded, terracotta, humanist, friendly]
+sourced: 2026-07-12
+sources: "authored for the v2 variant roster; Bricolage Grotesque and Nunito Sans specimens"
+license: open
+---
+
+# warm-approachable — a neighborhood credit union at opening
+
+## 1 Visual Theme
+A neighborhood credit union at opening time: terracotta tile, an oak counter
+worn smooth at the corner, a hand-lettered welcome card beside the bell,
+coffee already on. Handshake software — light default, neutrals tinted
+toward clay (warm, never cream), one terracotta accent that greets rather
+than commands, gentle radius on everything you touch. The counter is still a
+counter: tables, forms, and figures stay crisp, dense-capable, and honest.
+Dark is the branch after close, lamps amber — an authored ladder, never an
+inversion.
+
+## 2 Color Roles
+Warm graphite `foreground` on a clay-washed `background` — the wash sits at
+the warm-white edge, deliberately clear of the cream band. `primary` is the
+terracotta — primary actions, active nav, the `ring`; `accent` is its peach
+wash for selection and hover. Status hues are conventional but softened:
+`destructive` red for real danger only, `success` leaf green, `warning`
+honey amber — chips and validation, never chrome. The `sidebar` warms a
+half-step below the canvas; nothing on it competes with the counter.
+
+## 3 Typography
+Bricolage Grotesque (display) / Nunito Sans (text) / Red Hat Mono (data).
+Bricolage speaks in page titles, empty states, and auth — a warm,
+characterful voice that never touches cells, buttons, labels, or form
+chrome. Nunito Sans, a humanist sans, carries all chrome and body at a
+comfortable 15px with generous line-height. Red Hat Mono owns figures, IDs,
+and timestamps with `tabular-nums`. Emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-md`, `primary` fill, comfortable padding — soft-cornered,
+never pill. Inputs are `background` fill with hairline `border` and
+`radius-md`; focus draws the 2px terracotta `ring`, no glow. Cards sit on
+`card` behind a hairline with the faintest clay-tinted shadow. Table rows
+run standard height with `muted` hover and `accent` selection; numerals stay
+mono. Detail opens in the side panel with a warm rule at its head; modals
+confirm, they don't host work.
+
+## 5 Layout
+4px base. Sidebar 260/64px; topbar 56px; side panel 440/680px; content caps
+at 1360px. Comfortable gutters (16–24px); density is standard, stepping
+denser on queue and table archetypes without ever feeling like a terminal.
+Forms run single-column with roomy field spacing — a form here is a
+conversation, not an interrogation.
+
+## 6 Depth
+Soft but honest: hairlines structure everything; cards may carry one faint
+clay-tinted shadow; overlays carry a slightly deeper one. Never gray-black
+shadows, never stacked elevation. Focus is the 2px `ring`. Dark expresses
+depth as the surface ladder: `background` 0.16 L, `surface-raised` +0.05,
+`surface-overlay` +0.10, hue held at 35 — the lamps get warmer, not the
+shadows deeper.
+
+## 7 Motion
+Gentle and brief. Named moments: `panel-slide` (side panel, 260ms,
+interruptible), `fade-arrive` (page content, 180ms), `press` (130ms), and
+`welcome-fade` (first-run empty state, 260ms, the one indulgence). Easing is
+a soft ease-out; nothing springs or bounces. No animation on
+keyboard-initiated or high-frequency actions — friendliness is never
+latency.
+
+## 8 Iconography & Charts
+Lucide at 1.75px stroke — slightly rounded presence to match the humanist
+type — 16/20px grid, `muted-foreground` default; nav and empty states always
+carry icons. Charts: hairline axes, no gridline fills, a warm five-hue
+categorical ramp led by terracotta (`chart-1..5`), tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Front-desk neighborly: plain words, first person welcome, no corporate
+distance, numbers stated honestly. "Add a member" · "No requests waiting —
+enjoy the quiet, or invite your team" · "We couldn't save that: the start
+date is after the end date."
+
+## 10 Do's & Don'ts
+Do keep the warmth in the neutrals and the type, not in extra color — one
+terracotta, spent once per surface. Do give forms room to breathe. Do keep
+figures mono and tables crisp — warm is not vague. Don't drift the
+background into cream; the wash stays at the clay edge, above the band.
+Don't pill buttons or inflate radius past the scale. Don't let Bricolage
+near a cell, button, or label. Don't soften error states into ambiguity —
+kindness is clarity.
+
+## 11 Responsive
+375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
+mono figures; type holds at 15px — small screens get no less warmth. 768:
+sidebar collapses to the icon rail. 1024: two-pane queue+detail holds. 1440:
+content centers under the 1360px cap; empty states earn the full display
+treatment.
+
+## 12 Agent Prompt Guide
+Greet, then serve: every surface opens with its work object in Bricolage,
+then gets out of the way. Terracotta on exactly one action per surface. Keep
+the counter honest — dense tables, mono figures, clear errors — and the
+warmth in surfaces, corners, and copy. Dark is authored — consult the block,
+never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.977 0.008 30)
+    foreground: oklch(0.27 0.025 35)
+    card: oklch(0.984 0.006 30)
+    card-foreground: oklch(0.27 0.025 35)
+    popover: oklch(0.984 0.006 30)
+    popover-foreground: oklch(0.27 0.025 35)
+    primary: oklch(0.5 0.13 35)
+    primary-foreground: oklch(0.975 0.008 30)
+    secondary: oklch(0.94 0.012 30)
+    secondary-foreground: oklch(0.31 0.03 35)
+    muted: oklch(0.945 0.01 30)
+    muted-foreground: oklch(0.46 0.025 35)
+    accent: oklch(0.92 0.025 30)
+    accent-foreground: oklch(0.38 0.08 35)
+    destructive: oklch(0.53 0.19 27)
+    destructive-foreground: oklch(0.975 0.008 27)
+    success: oklch(0.57 0.12 150)
+    warning: oklch(0.65 0.13 70)
+    border: oklch(0.905 0.013 30)
+    input: oklch(0.905 0.013 30)
+    ring: oklch(0.55 0.13 35)
+    surface-raised: oklch(0.984 0.006 30)
+    surface-overlay: oklch(0.988 0.005 30)
+    chart-1: oklch(0.55 0.13 35)
+    chart-2: oklch(0.55 0.1 160)
+    chart-3: oklch(0.55 0.09 250)
+    chart-4: oklch(0.68 0.13 85)
+    chart-5: oklch(0.55 0.12 350)
+    sidebar: oklch(0.958 0.01 30)
+    sidebar-foreground: oklch(0.27 0.025 35)
+    sidebar-primary: oklch(0.5 0.13 35)
+    sidebar-primary-foreground: oklch(0.975 0.008 30)
+    sidebar-accent: oklch(0.92 0.025 30)
+    sidebar-accent-foreground: oklch(0.38 0.08 35)
+    sidebar-border: oklch(0.905 0.013 30)
+    sidebar-ring: oklch(0.55 0.13 35)
+  dark:
+    background: oklch(0.16 0.012 35)
+    foreground: oklch(0.91 0.012 35)
+    card: oklch(0.19 0.014 35)
+    card-foreground: oklch(0.91 0.012 35)
+    popover: oklch(0.26 0.016 35)
+    popover-foreground: oklch(0.91 0.012 35)
+    primary: oklch(0.72 0.13 40)
+    primary-foreground: oklch(0.15 0.02 35)
+    secondary: oklch(0.24 0.016 35)
+    secondary-foreground: oklch(0.88 0.014 35)
+    muted: oklch(0.23 0.015 35)
+    muted-foreground: oklch(0.7 0.02 38)
+    accent: oklch(0.29 0.035 35)
+    accent-foreground: oklch(0.86 0.05 40)
+    destructive: oklch(0.63 0.19 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.7 0.12 150)
+    warning: oklch(0.77 0.13 75)
+    border: oklch(0.28 0.016 35)
+    input: oklch(0.28 0.016 35)
+    ring: oklch(0.72 0.13 40)
+    surface-raised: oklch(0.21 0.015 35)
+    surface-overlay: oklch(0.26 0.016 35)
+    chart-1: oklch(0.72 0.13 40)
+    chart-2: oklch(0.7 0.1 160)
+    chart-3: oklch(0.68 0.09 250)
+    chart-4: oklch(0.8 0.12 85)
+    chart-5: oklch(0.7 0.11 350)
+    sidebar: oklch(0.14 0.011 35)
+    sidebar-foreground: oklch(0.89 0.013 35)
+    sidebar-primary: oklch(0.72 0.13 40)
+    sidebar-primary-foreground: oklch(0.15 0.02 35)
+    sidebar-accent: oklch(0.22 0.02 35)
+    sidebar-accent-foreground: oklch(0.89 0.013 35)
+    sidebar-border: oklch(0.26 0.015 35)
+    sidebar-ring: oklch(0.72 0.13 40)
+typography:
+  display: { family: "Bricolage Grotesque Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Nunito Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
+  mono: { family: "Red Hat Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 38px, weight: 600, family: display, tracking: -0.01em }
+    h1: { size: 24px, line: 32px, weight: 600, family: display }
+    h2: { size: 18px, line: 26px, weight: 700, family: sans }
+    body: { size: 15px, line: 24px, weight: 400, family: sans }
+    small: { size: 13px, line: 20px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 700, family: sans }
+    data: { size: 14px, line: 21px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 6px, md: 10px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 10px 30px oklch(0.35 0.05 35 / 0.12)"
+    popover: "0 3px 12px oklch(0.35 0.05 35 / 0.09)"
+  dark-ladder: { background: 0.16, raised: 0.21, overlay: 0.26, hue-held: 35 }
+motion:
+  duration: { press: 130ms, fade: 180ms, panel: 260ms }
+  easing: { standard: "cubic-bezier(0.25, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.75px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 4px, sidebar: [260px, 64px], topbar: 56px, side-panel: [440px, 680px], content-max: 1360px }
+```

package/data/harnesses/code/skills/design/references/compose.md

@@ -0,0 +1,23 @@
+# Step 4 — Compose: one mind, whole canvas
+
+Build the app — all surfaces in one continuous context, the chosen package's design.md in view throughout. This step is never decomposed into per-surface handoffs with frozen intermediate artifacts; the composing mind holds the whole canvas.
+
+## Chrome
+
+Per the primitives switch recorded in the project's `design.md`:
+
+- **`nurix`** — compose chrome from `@nurix/components`. The chrome recipes (`data/chrome/`) carry composition, states, and when-to-use; the component reference folder (`components/`) carries props, imports, and usage — consult the index for what exists, and open the touched category's API reference on need.
+- **`native`** — the recipes are *specifications*: anatomy, the eight states, keyboard behavior, token reach — implement them with the incumbent stack's own components. The index's shadcn/fallback columns carry the composition; category API references never load.
+
+Recipes are starting points, not jails: restyle or extend them in place when the package demands it.
+
+## Composition rules
+
+- **Every surface starts from a chosen layout blueprint** (`data/blueprints/<archetype>.md`) — pick the shape reading the brief, record it in one line. Structural variety, not visual variety, is what reads as designed.
+- **Values come from the token artifact** — components consume the emitted custom properties and never invent raw values ([emission.md](emission.md) has the pipe rules). Switching packages must re-skin the whole app.
+- **Positive obligations apply** — load the surface's archetype checklist (`data/checklists/<archetype>.md`); the checklists are ceilings: a sidebar ships with brand block, icons, and user context; a dashboard tile ships with number + comparison + trend + state + door; every surface ships its state matrix.
+- **The register scope holds**: the display face never touches cells, buttons, labels, or form chrome; data numerals run the mono face with `tabular-nums`.
+- **Motion follows the package's §7** and the frequency law: actions performed 100+ times a day, and any keyboard-initiated action, get no animation, ever; panel/drawer motion is interruptible; entrances never `ease-in`.
+- **No ownership jails.** Any file may be edited at any time, including generated ones and library compositions.
+- **No paper-trail bureaucracy.** Decision-log lines only; attention goes to pixels.
+- **A finishing pass with authority over everything is part of this step** — walk the whole canvas once at the end: rhythm, alignment, density, identity-consistency across surfaces, the one-accent discipline.