npm - @bendyline/gilde - Versions diffs - 0.1.53 → 0.1.55 - Mend

@bendyline/gilde 0.1.53 → 0.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/data/craftbook-templates/de/design-system-consultation/versions/2.0.7/test.json ADDED Viewed

@@ -0,0 +1,201 @@
+{
+  "schemaVersion": 1,
+  "title": "Design System Consultation — Harbor Ops dashboard",
+  "objective": "Exercise the Design System Consultation craftbook on a seeded operations dashboard and require a grounded, accessible DESIGN.md plus a complete HTML state preview.",
+  "tags": [
+    "workflow",
+    "design-system",
+    "html-page",
+    "accessibility"
+  ],
+  "prompt": "Use the Design System Consultation craftbook for the Harbor Ops dashboard. This is an unattended evaluation: the product and taste decisions in `source/design-brief.md` are authoritative, so proceed without asking questions and label any remaining assumptions. Audit the supplied interface, preserve its useful density, then produce the workflow artifacts, `DESIGN.md`, and `previews/design-system.html`. The preview must be self-contained and show navigation, typography, controls, data cards, table content, empty/loading/error/success states, keyboard focus, disabled controls, and responsive behavior. Use no external assets or live research.",
+  "setup": {
+    "projectName": "Harbor Ops design system",
+    "about": "Harbor Ops is a desktop-first operations dashboard for coordinators monitoring time-sensitive berth assignments. The fixture is complete and must be handled without live research.",
+    "missionObjectives": "Run the Design System Consultation craftbook as a real task. Ground every design decision in the seeded brief and current interface, then deliver DESIGN.md and the self-contained preview.",
+    "files": [
+      {
+        "path": "README.md",
+        "content": "# Harbor Ops\n\nHarbor Ops helps port coordinators scan berth conflicts, assign an owner, and clear exceptions during a shift. It is dense desktop software used in bright control rooms; the core job is spotting the one item that needs action now.\n"
+      },
+      {
+        "path": "source/design-brief.md",
+        "content": "# Locked design brief\n\nAudience: experienced port coordinators working 8-hour shifts on desktop, with occasional tablet use.\n\nMemorable intent: **calm command under pressure**. The interface should feel serious and precise, never playful or luxurious.\n\nPreserve: dense scan-friendly tables, the navy header, status labels, and explicit timestamps.\n\nChange: inconsistent spacing, low-contrast muted text, color-only severity, invisible keyboard focus, and one-off button styles.\n\nBrand constraints: deep navy `#10233f`; signal amber `#d97706`; off-white canvas. Do not use pure black.\n\nAccessibility: WCAG AA text contrast, visible `:focus-visible`, shape/text in addition to status color, 44px primary touch targets on tablet, reduced-motion support.\n\nProduct states that must be designed: normal, loading, empty, permission error, delayed-data warning, success acknowledgement, selected row, disabled action.\n\nTaste: compact Swiss/industrial typography, restrained motion, square-to-soft corners (4-8px), clear dividers. Avoid gradients, glass effects, giant hero type, and decorative illustrations.\n"
+      },
+      {
+        "path": "src/dashboard.html",
+        "content": "<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"><title>Harbor Ops</title><link rel=\"stylesheet\" href=\"styles.css\"></head><body><header>Harbor Ops <small>Shift A · 07:42 UTC</small></header><main><aside><button>Overview</button><button>Berths</button><button>Exceptions</button></aside><section><h1>Berth exceptions</h1><button class=\"primary\">Assign owner</button><table><tr><th>Vessel</th><th>Berth</th><th>Status</th><th>Updated</th></tr><tr><td>MV Juniper</td><td>B-14</td><td><span class=\"status\">Delayed</span></td><td>07:38 UTC</td></tr></table></section></main></body></html>\n"
+      },
+      {
+        "path": "src/styles.css",
+        "content": ":root{--navy:#10233f;--amber:#d97706}body{margin:0;font:14px Arial;background:#f7f5ef;color:#27364a}header{background:var(--navy);color:white;padding:13px 18px}header small{color:#7e8aa0}main{display:flex}aside{width:190px;padding:12px}section{flex:1;padding:19px}button{border:0;padding:7px;margin:3px}.primary{background:var(--amber);color:white}.status{color:#d97706}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #ddd;padding:9px}button:focus{outline:none}\n"
+      }
+    ]
+  },
+  "mocks": [],
+  "success": {
+    "summary": "The real craftbook produces a grounded design audit and brief, an accessible token specification, a valid multi-state preview, and terminal review evidence.",
+    "deliverables": [
+      {
+        "path": "design/current-state-audit.md",
+        "kind": "markdown-report",
+        "minBytes": 750,
+        "checks": [
+          {
+            "kind": "contains",
+            "file": "design/current-state-audit.md",
+            "pattern": "^#{1,3}\\s+Product and users\\b[\\s\\S]*^#{1,3}\\s+Existing language\\b[\\s\\S]*^#{1,3}\\s+Accessibility\\b",
+            "flags": "im",
+            "label": "grounded current-state audit"
+          },
+          {
+            "kind": "citationsResolve",
+            "file": "design/current-state-audit.md",
+            "minCitations": 2
+          }
+        ]
+      },
+      {
+        "path": "DESIGN.md",
+        "kind": "markdown-doc",
+        "minBytes": 1800,
+        "checks": [
+          {
+            "kind": "contains",
+            "file": "DESIGN.md",
+            "pattern": "^#{1,3}\\s+Design intent\\b[\\s\\S]*^#{1,3}\\s+Tokens\\b[\\s\\S]*^#{1,3}\\s+Typography\\b[\\s\\S]*^#{1,3}\\s+Color\\b[\\s\\S]*^#{1,3}\\s+Components and states\\b[\\s\\S]*^#{1,3}\\s+Accessibility\\b[\\s\\S]*^#{1,3}\\s+Adoption\\b",
+            "flags": "im",
+            "label": "complete design-system specification"
+          },
+          {
+            "kind": "valueGrounding",
+            "file": "DESIGN.md",
+            "facts": [
+              {
+                "id": "intent",
+                "label": "memorable intent",
+                "required": [
+                  "calm command under pressure"
+                ]
+              },
+              {
+                "id": "brand-navy",
+                "label": "locked navy",
+                "required": [
+                  "#10233f"
+                ]
+              },
+              {
+                "id": "brand-amber",
+                "label": "locked signal amber",
+                "required": [
+                  "#d97706"
+                ]
+              },
+              {
+                "id": "keyboard-focus",
+                "label": "visible keyboard focus",
+                "required": [
+                  "focus-visible"
+                ]
+              },
+              {
+                "id": "reduced-motion",
+                "label": "reduced-motion behavior",
+                "required": [
+                  "reduced-motion|prefers-reduced-motion"
+                ]
+              },
+              {
+                "id": "touch-target",
+                "label": "tablet touch target",
+                "required": [
+                  "44\\s*(?:px|pixel)"
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "path": "previews/design-system.html",
+        "kind": "html-page",
+        "minBytes": 3000,
+        "checks": [
+          {
+            "kind": "htmlLint",
+            "file": "previews/design-system.html"
+          },
+          {
+            "kind": "cssMinBytes",
+            "bytes": 900,
+            "file": "previews/design-system.html"
+          },
+          {
+            "kind": "contains",
+            "file": "previews/design-system.html",
+            "pattern": "loading[\\s\\S]*empty[\\s\\S]*(error|permission)[\\s\\S]*(success|acknowledge)[\\s\\S]*disabled",
+            "flags": "i",
+            "label": "representative application states"
+          },
+          {
+            "kind": "contains",
+            "file": "previews/design-system.html",
+            "pattern": "focus-visible|prefers-reduced-motion",
+            "flags": "i",
+            "label": "keyboard focus and reduced motion"
+          }
+        ]
+      }
+    ],
+    "taskNotes": {
+      "minBytes": 180,
+      "checks": [
+        {
+          "kind": "contains",
+          "file": "task-notes.md",
+          "pattern": "\\bDONE\\b[\\s\\S]*DESIGN\\.md[\\s\\S]*previews/design-system\\.html",
+          "flags": "i",
+          "label": "terminal note records both design deliverables"
+        }
+      ],
+      "requireCraftbookTask": true
+    },
+    "taskGraph": {
+      "requireCraftbookTask": true,
+      "requireTerminalStep": true
+    },
+    "unchangedFixtures": [
+      "README.md",
+      "source/design-brief.md",
+      "src/dashboard.html",
+      "src/styles.css"
+    ]
+  },
+  "rubric": {
+    "artifact": {
+      "path": "DESIGN.md",
+      "kind": "markdown"
+    },
+    "axes": [
+      {
+        "name": "Product fit",
+        "description": "The system reinforces calm command under pressure and the actual coordinator workflows rather than generic visual taste."
+      },
+      {
+        "name": "System coherence",
+        "description": "Tokens, typography, color, density, components, states, and motion form a reusable system with explicit rationale."
+      },
+      {
+        "name": "Accessibility and preview",
+        "description": "The specification and preview cover contrast, focus, non-color status, touch size, reduced motion, responsiveness, and real application states."
+      }
+    ],
+    "contextNote": "Judge against the seeded brief and current dashboard; decorative novelty that violates the locked taste is a defect."
+  },
+  "qualityFocus": [
+    "Preserve useful density while correcting current accessibility failures",
+    "Use exact reusable tokens with reasons",
+    "Preview representative responsive and interaction states without external assets"
+  ]
+}