DesignLock

One governance layer. Any design system.

The same prompt is generated, validated, and rendered against two independent component contracts. Extraction currently covers Material UI Button and Chip and Carbon Button and Tag. Other panels, including Carbon Tile, are authored compositions.

Verified contract scenarios

These five cases run locally against the snapshotted core. They do not call an inference provider. Live model output stays in the comparison below and is labeled separately.

Fixture · rendered

Supported valid output

Closed contracts accept these fixtures and the adapters render the real components. This is fixture output, not a live model call.

  • Material UI 9.3.1
  • Carbon 1.113.0
  • Default palette primary #7b1fa2
  • Carbon tagBackgroundBlue #d0e2ff
  • Policy narrowing drops MUI color inherit. Carbon kind is not MUI variant.
  • Upstream 3b49d7a43fd4 · trust reviewed
Material UI Button
Carbon Tag
Beta

Compare design systems

Google

Material UI

Google’s adaptable React component library: rounded geometry, elevation, and a purple Material theme.

IBM

Carbon

IBM’s enterprise system: strict grid, square geometry, neutral layers, and electric blue.

Prompt and policy mode

48 / 4000

No live comparison yet. Example prompts stay on this machine when no inference key is configured.

View DesignLock source on GitHub →

The snapshotted core imports no product or design-system code. Material UI and Carbon adapters belong to this demo. Ordinary rendering uses active baselines; generated contracts stay preview fixtures.