BlockSmith · live demo — every click is the real pipeline

A team just edited their design system. Agents haven't seen a thing.

  1. 1 · Staging is full, the lock is stale
  2. 2 · Select cards → review the diff → Promote
  3. 3 · Lock turns green; every agent re-pins on next pull
  4. 4 · Same promote reaches device frames →

Same prompt · two live agents

Stop AI from inventing your design system.

Same brief, two agents — one has your design system, one doesn't. Drift is scored by the same engine your CI uses.

99/600

Example below · click Generate live to run both agents for real.

Agent without BlockSmith

No design system to obey — so it guesses.

CheckoutIn stock

Off-brand #2563eb, invented radius, bespoke button

Agent governed by BlockSmith

Pinned to the lock · reads the approved kit over MCP.

Checkout

In stock

Real @blocksmith/acme-ui-kit · accent #e85d4a · 0 drift

Same prompt. One agent invents your brand. The other obeys it — because the design is approved, pinned, and enforced. That's the BlockSmith handshake.

Seeding the demo pipeline…