TRAITStudio[ Start with a pilot ]
ExperienceSystemsWorkStudioLabContact[ Start with a pilot ]

[ 02 / AI-native systems ]

AI changed the production layer.The control layer didn’t keep up.

A feature now ships in hours. But without something that says whether that work belongs where it landed, what speeds up is not production — it is correction.

architecture.match()

Does this code fit the architecture we have?

component.exists()

Does this component already exist?

security.pass()

Did it clear the security check?

decision.trace()

Is the reasoning behind this decision on record?

handover.ready()

Could another team pick this up tomorrow?

[ Generated components ]checkout / cta
Button→ matched
Button-new✕ naming rule
PrimaryButton2✕ duplicate variant
CTAButton✕ unapproved token
ButtonFinal✕ one-off use
[ evaluating ]

The system rejects four of the five generated variants, with a reason for each.

[ The pipeline ]

One piece of work passes five gates.What doesn’t pass doesn’t move.

What follows is a real journey: checkout-empty-state. Click a stage, or run the whole line from the start.

[ 01 / SPEC ]

The work is written so an agent can read it too.

Acceptance criteria, affected modules and untouchable boundaries are set up front. Anything left vague turns into a guess at the next step.

Featurecheckout-empty-stateAcceptanceUses the existing EmptyState componentNo new spacing tokensNo payment logic changesMobile + desktop requiredStatus[ SPEC READY ]
[ SPEC READY ]

[ Services ]

Four ways in. One system.

[ 01 / AI-NATIVE SETUP ]

Agents are producing.
There is no production line.

  • Spec format and acceptance criteria
  • Gate definition: tests, static analysis, security
  • An isolated preview environment per piece of work
  • Rollback and decision trace

Fixed-scope setup

[ Case 001 / AI-native design system ]

A design system.For people and for agents.

Brand consistency depended on one person paying attention. Every designer rebuilt every piece from scratch; staying on-brand while iterating meant doing it by hand. We wrote the rules into a single system — one that a person and a tool both read.

Client name withheld pending NDA clearance.

149[ Tokens ]
7[ Connected libraries ]
13[ Documented sections ]
2[ Brand fonts ]

[ System map ]

Super System

Hover a library: its relationship to the system appears here.

[ Token browser ]

How does a design decision reach production?

A token is not a colour name. It is one decision carried under the same name from Figma all the way to code. Pick a token and the path opens on the right.

[ Design token ]solar / 500
[ Component ]Button / Primary → background
[ Agent context ]SKILL.md → color rules → solar
[ Code variable ]--color-solar-orange

[ Machine-readable ]

The system doesn’t stop at Figma.

01Figma
02Tokens
03Components
04SKILL.md
05Lint rules
06Agent
07Production

Steps four, five and six are what make this system AI-native. The agent reads the rules from a document; code that leaves the system stops at lint, before it ever reaches review.

hero
[ Asset / case — hero ]
tracks
[ Asset / case — tracks ]
/studio
[ Asset / case — /studio ]
[ Read the case ]

Delivered as a repo, documentation and four one-click files — someone who isn’t a designer can open it and keep it current.

[ Measurement ]

“Faster” is not a metric.

We take a baseline in week one and set the target together. A number quoted before anyone has read your repo is marketing, not a commitment. The four below are empty — because your numbers don’t exist yet.

[ Data & security ]

Security is not a slogan.It is a configuration.

Model accessWhich model reaches which repo is written down. No model is added without approval.[ Enforced ]
SecretsAre production secrets open to the agent? No. Environment variables stay in your account.[ Enforced ]
Customer dataReal customer data is never copied into development. A masked set is used.[ Enforced ]
DependenciesAdding a package is part of the gate. Licence and security scanning are automatic.[ Enforced ]
AccessAccess is role-based and time-bound. It closes when the work ends.[ Enforced ]
TraceabilityThe reason for each change and the step that produced it are recorded. Readable backwards.[ Enforced ]