jig-ui 0.16.1 → 0.17.0

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 (153) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/README.md +7 -6
  3. package/dist/index.js +630 -160
  4. package/examples/A-01.html +7 -0
  5. package/examples/A-02.html +7 -0
  6. package/examples/A-03.html +7 -0
  7. package/examples/A-04.html +7 -0
  8. package/examples/A-05.html +7 -0
  9. package/examples/A-06.html +7 -0
  10. package/examples/A-07.html +7 -0
  11. package/examples/A-08.html +7 -0
  12. package/examples/A-09.html +7 -0
  13. package/examples/A-10.html +7 -0
  14. package/examples/A-135.html +7 -0
  15. package/examples/A-136.html +7 -0
  16. package/examples/A-137.html +7 -0
  17. package/examples/A-138.html +7 -0
  18. package/examples/A-139.html +7 -0
  19. package/examples/A-140.html +7 -0
  20. package/examples/A-141.html +7 -0
  21. package/examples/A-142.html +7 -0
  22. package/examples/A-143.html +7 -0
  23. package/examples/A-144.html +7 -0
  24. package/examples/A-146.html +7 -0
  25. package/examples/A-58.html +7 -0
  26. package/examples/A-59.html +7 -0
  27. package/examples/A-60.html +7 -0
  28. package/examples/A-67.html +7 -0
  29. package/examples/B-105.html +7 -0
  30. package/examples/B-106.html +7 -0
  31. package/examples/B-11.html +7 -0
  32. package/examples/B-12.html +7 -0
  33. package/examples/B-13.html +7 -0
  34. package/examples/B-14.html +7 -0
  35. package/examples/B-15.html +7 -0
  36. package/examples/B-16.html +7 -0
  37. package/examples/B-17.html +7 -0
  38. package/examples/B-75.html +7 -0
  39. package/examples/B-76.html +7 -0
  40. package/examples/B-77.html +7 -0
  41. package/examples/B-78.html +7 -0
  42. package/examples/C-18.html +7 -0
  43. package/examples/C-19.html +7 -0
  44. package/examples/C-20.html +7 -0
  45. package/examples/C-21.html +7 -0
  46. package/examples/C-22.html +11 -0
  47. package/examples/C-49.html +7 -0
  48. package/examples/C-50.html +7 -0
  49. package/examples/C-66.html +7 -0
  50. package/examples/C-68.html +7 -0
  51. package/examples/D-111.html +7 -0
  52. package/examples/D-112.html +7 -0
  53. package/examples/D-114.html +7 -0
  54. package/examples/D-115.html +7 -0
  55. package/examples/D-23.html +11 -0
  56. package/examples/D-24.html +7 -0
  57. package/examples/D-25.html +7 -0
  58. package/examples/D-26.html +7 -0
  59. package/examples/D-27.html +7 -0
  60. package/examples/D-69.html +7 -0
  61. package/examples/D-70.html +7 -0
  62. package/examples/D-71.html +7 -0
  63. package/examples/D-72.html +7 -0
  64. package/examples/D-96.html +7 -0
  65. package/examples/E-116.html +7 -0
  66. package/examples/E-28.html +7 -0
  67. package/examples/E-29.html +7 -0
  68. package/examples/E-30.html +7 -0
  69. package/examples/E-31.html +7 -0
  70. package/examples/E-32.html +7 -0
  71. package/examples/E-33.html +11 -0
  72. package/examples/E-34.html +7 -0
  73. package/examples/E-35.html +7 -0
  74. package/examples/E-51.html +7 -0
  75. package/examples/E-52.html +7 -0
  76. package/examples/E-61.html +7 -0
  77. package/examples/E-62.html +7 -0
  78. package/examples/E-63.html +7 -0
  79. package/examples/E-64.html +7 -0
  80. package/examples/E-65.html +7 -0
  81. package/examples/E-73.html +7 -0
  82. package/examples/E-74.html +7 -0
  83. package/examples/E-91.html +7 -0
  84. package/examples/E-92.html +7 -0
  85. package/examples/E-93.html +7 -0
  86. package/examples/E-94.html +7 -0
  87. package/examples/E-95.html +7 -0
  88. package/examples/F-100.html +7 -0
  89. package/examples/F-101.html +7 -0
  90. package/examples/F-102.html +7 -0
  91. package/examples/F-103.html +7 -0
  92. package/examples/F-104.html +7 -0
  93. package/examples/F-113.html +7 -0
  94. package/examples/F-147.html +7 -0
  95. package/examples/F-36.html +7 -0
  96. package/examples/F-37.html +7 -0
  97. package/examples/F-38.html +7 -0
  98. package/examples/F-39.html +7 -0
  99. package/examples/F-40.html +7 -0
  100. package/examples/F-41.html +11 -0
  101. package/examples/F-97.html +7 -0
  102. package/examples/F-98.html +7 -0
  103. package/examples/F-99.html +7 -0
  104. package/examples/G-145.html +7 -0
  105. package/examples/G-42.html +7 -0
  106. package/examples/G-43.html +10 -0
  107. package/examples/G-44.html +7 -0
  108. package/examples/H-117.html +11 -0
  109. package/examples/H-119.html +13 -0
  110. package/examples/H-45.html +13 -0
  111. package/examples/H-46.html +10 -0
  112. package/examples/H-47.html +15 -0
  113. package/examples/H-48.html +8 -0
  114. package/examples/I-118.html +7 -0
  115. package/examples/I-53.html +7 -0
  116. package/examples/I-54.html +7 -0
  117. package/examples/I-55.html +7 -0
  118. package/examples/I-56.html +7 -0
  119. package/examples/I-57.html +7 -0
  120. package/examples/I-79.html +7 -0
  121. package/examples/I-80.html +7 -0
  122. package/examples/I-81.html +7 -0
  123. package/examples/I-82.html +7 -0
  124. package/examples/I-83.html +7 -0
  125. package/examples/I-84.html +7 -0
  126. package/examples/I-85.html +7 -0
  127. package/examples/I-86.html +7 -0
  128. package/examples/I-87.html +7 -0
  129. package/examples/I-88.html +7 -0
  130. package/examples/I-89.html +7 -0
  131. package/examples/I-90.html +7 -0
  132. package/examples/J-120.html +7 -0
  133. package/examples/J-121.html +7 -0
  134. package/examples/J-122.html +7 -0
  135. package/examples/J-123.html +7 -0
  136. package/examples/J-124.html +8 -0
  137. package/examples/J-125.html +10 -0
  138. package/examples/J-126.html +9 -0
  139. package/examples/J-127.html +10 -0
  140. package/examples/K-128.html +9 -0
  141. package/examples/K-129.html +7 -0
  142. package/examples/K-130.html +7 -0
  143. package/examples/K-131.html +11 -0
  144. package/examples/K-132.html +7 -0
  145. package/examples/K-133.html +8 -0
  146. package/examples/K-134.html +9 -0
  147. package/examples/README.md +44 -0
  148. package/package.json +3 -2
  149. package/rules/00-anti-patterns.md +67 -0
  150. package/rules/01-modes.md +1 -1
  151. package/rules/05-copy.md +2 -0
  152. package/rules.index.json +101 -0
  153. package/templates/COMMAND.md.tmpl +10 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,52 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.17.0
4
+
5
+ Thirteen more tells of a generated page, ten of them caught by `check`, and a
6
+ picture for every rule. Also carries the probe and verdict fixes tagged as 0.16.2,
7
+ which was not published to npm.
8
+
9
+ ### Added
10
+
11
+ - **Thirteen rules.** `A-135` a kicker above every heading, `A-136` an eyebrow
12
+ chip over the headline, `A-137` cream and beige by reflex, `A-138` an italic
13
+ serif display headline, `A-139` a side-tab accent border, `A-140` a thick
14
+ coloured border on a rounded element, `A-141` cards inside cards, `A-142` the
15
+ soft rounded card, `A-143` a decorative grid or stripe background, `A-144`
16
+ dark mode with glowing accents, `G-145` a pulsing status dot, `A-146`
17
+ numbered section labels, `F-147` asking for more than the task needs.
18
+ - **Ten detectors for them**, reading both the CSS and the utility classes in
19
+ markup, and joining the two where a page splits them (a pulse or a serif
20
+ declared on a class, worn by the element). All warnings; the rules are hybrid.
21
+ On seven pages built with no guidance, every instance of these tells found by
22
+ eye was reported, and every report was a real instance.
23
+ - **`examples/`: a dont and a do for all 143 rules**, shipped in the package.
24
+ Each is a small self-contained HTML fragment that renders the same in a
25
+ sandboxed frame or an inert box. `jig explain <ID>` names the file, and
26
+ `packages/preview/examples.html` shows them all side by side.
27
+
28
+ ### Fixed
29
+
30
+ - **A probe no longer fails while Chrome shuts down.** Its temporary profile
31
+ was deleted the moment Chrome was killed; under load the delete raced
32
+ Chrome's last writes, threw, and failed a probe whose measurement had
33
+ succeeded. It now waits for Chrome to exit and retries the delete.
34
+ - **`jig probe --run <page> --serve <dir>` measures a built static site.** A
35
+ build links its styles from the site root, so opened as a file nothing loaded
36
+ and the probe measured an unstyled page. The CLI now serves the build
37
+ directory on a local port. The stamp is still the page file's checksum on
38
+ disk, and the gate re-renders a served probe the same way.
39
+ - **Verdicts are `critique`'s own.** `make`, fixing three findings, rewrote
40
+ those verdicts to `ok` itself and the gate accepted it. The gate now records
41
+ the verdict files when a `critique` session stops, and stops any later
42
+ session that changed them without running `critique`.
43
+
44
+ ### Changed
45
+
46
+ - `A-04` names glass applied everywhere, `A-06` the same equal-card reflex at
47
+ any count, `I-81` the page's headline, and `I-89` button labels as well as
48
+ links.
49
+
3
50
  ## 0.16.1
4
51
 
5
52
  ### Fixed
package/README.md CHANGED
@@ -12,13 +12,13 @@ Installed as `npx jig-ui` — the bare name was taken on npm.
12
12
  Jig is **a skill your coding agent reads**, and **a CLI you can run yourself**.
13
13
  They are two halves of the same thing, and the split is not arbitrary:
14
14
 
15
- - Of the 130 rules, **26 can be decided by a machine** — a hard-coded colour, a
15
+ - Of the 143 rules, **36 can be decided by a machine** — a hard-coded colour, a
16
16
  contrast ratio below the floor, a removed focus ring. The CLI decides those.
17
- - The other **104 are judgment** — whether an empty state says anything useful,
17
+ - The other **107 are judgment** — whether an empty state says anything useful,
18
18
  whether a label reads as an instruction, whether motion earns its place. No
19
19
  regex settles those. An agent reads the rules and applies them.
20
20
 
21
- Running only the CLI gets you the 26. Running only the agent gets you the 104 with
21
+ Running only the CLI gets you the 36. Running only the agent gets you the 107 with
22
22
  no verification. **A clean `jig check` is not a clean review**, and the skill
23
23
  says so to every agent that reads it.
24
24
 
@@ -285,7 +285,7 @@ what Jig knows about your project.
285
285
  The opposite job, and the loop runs in its ordinary order. The difference is what
286
286
  the old page counts as: **content and constraints, not a target.**
287
287
 
288
- 1. **Measure the page as it is, first.** `jig probe --run <page> --save <slug>`
288
+ 1. **Measure the page as it is, first.** `jig probe --run <page> --save <slug>` (add `--serve <build dir>` for a built site)
289
289
  records what it does today at each width — whether it scrolls sideways, whether
290
290
  the menu opens, what order it reads in. Keep it. It is the only way to say
291
291
  afterwards whether the redesign improved anything or merely changed it.
@@ -403,7 +403,7 @@ on the result — the CLI reports, the agent applies the judgment half.
403
403
  | Slash command | Equivalent |
404
404
  | --- | --- |
405
405
  | `/jig init` | `jig init` — then states the mode it chose and what it wired |
406
- | `/jig check` | `jig check` — then applies the 104 judgment rules and reports both halves |
406
+ | `/jig check` | `jig check` — then applies the 107 judgment rules and reports both halves |
407
407
  | `/jig explain C-19` | `jig explain C-19` — prints the rule as-is, without paraphrasing it |
408
408
  | `/jig explain contrast` | `jig explain contrast` — every rule matching a word, when you do not have an id |
409
409
  | `/jig install --agent cursor` | `jig install --agent cursor` |
@@ -601,12 +601,13 @@ treatment.
601
601
 
602
602
  | File | Contents |
603
603
  | --- | --- |
604
- | `rules/00-anti-patterns.md` | 112 universal rules with corrections |
604
+ | `rules/00-anti-patterns.md` | 125 universal rules with corrections |
605
605
  | `rules/01-modes.md` | `editorial` / `product` / `operator` profiles |
606
606
  | `rules/02-tokens.md` | Token contract, naming, consumption |
607
607
  | `rules/03-patterns.md` | Component anatomy and behaviour |
608
608
  | `rules/04-principles.md` | Five frames + seven tiebreakers |
609
609
  | `rules/05-copy.md` | Interface text rules |
610
+ | `examples/<ID>.html` | For every rule, a small dont and do: self-contained HTML fragments that render in a sandboxed frame. `jig explain <ID>` names the file. |
610
611
  | `<css dir>/jig/brand.*.css` | Identity. One per project. |
611
612
  | `<css dir>/jig/mode.*.css` | Density, scale, rhythm, motion |
612
613
  | `<css dir>/jig/theme.css` | The barrel — brand + mode. This is what you import. With more than one mode, `theme.<mode>.css`, one per mode, each imported by its routes' layout. |