Skip to content
GitHub

Jig

Jig is a design system consumed by coding agents: rules, tokens and commands an agent reads and follows. It is not a component library.

Get started in the Guide.

npx jig-ui@0.25.0 install --agent claude

Explained in Getting started.

Look up a rule already in hand, in the Reference.

Purple and violet as the unspecified default

Explained in The CLI.

Forbidden
Instead

Checked against the pinned checker, on the Forbidden figure above:

Explained in The CLI.

⚠ A-01  Violet/indigo hue (~262°) — is this a deliberate brand choice, or the unspecified default?  A-01.html:3   [hybrid]  (see rule A-01 in your installed jig skill's rules/)
  ⚠ A-01  Violet/indigo hue (~263°) — is this a deliberate brand choice, or the unspecified default?  A-01.html:3   [hybrid]
  ⚠ A-01  Violet/indigo hue (~252°) — is this a deliberate brand choice, or the unspecified default?  A-01.html:3   [hybrid]

  0 errors, 3 warnings · 160 rules (+ 44 pattern and mode specs) · 1 file, 1 with styles, 1 fired
  JIG_CHECK: version=0.25.0 mode=unknown mechanical=pass:0 warnings=3 judgment=not-run files=1 styled=1

Every build follows the same six commands, one at a time:

Explained in The loop.

decide     project-wide decisions, and the reason for each      once per project

spec       what exactly is being built: its smallest useful version, at every screen size
mockup     low-fidelity design of that spec, reviewed before any code
make       high-fidelity: the actual page or feature, built from the spec & mockup
critique   scrutinises what was built against the rules, its spec & mockup

tweak      a small change the approved mockup does not show: decided if it is a
           decision, specced, built, and re-judged where it could matter

The latest posts from the Blog:

Catch up on every post, in the Blog.

See what has changed, release by release, in Versions.