Early preview · spec v0.1
Interfaces that show up when you need them.
Ask for something. A real, accessible interface is drawn for that moment, in your design system. When the task is done, it goes.
Scroll to watch it happen
Meaning, not pixels
Four layers. The model touches one.
It chooses the intent, the pattern and the components. Your design system supplies every token. The verifier signs the top.
Any design system
Taken apart. Rebuilt in yours.
The same document, drawn again from thirteen design systems' real tokens. No retraining.
People and agents
One tree. Every kind of user.
Screen readers read exactly what agents press. If an agent can't finish by name alone, the surface fails.
Recognition, not recall
Gone when it's done. Familiar when it's back.
Same pattern, same order, same labels, same controls, the next time you ask.
Verified
Checked before anyone sees it.
Accessibility, layout, your team's rules, and whether an agent can complete the task.
Ask
Mean
Build
Use
Return
Verify
intent transfer.confirm pattern confirm pack — axe — agent —
You ask send alex the rent
Material 3 Ant Design Bootstrap 5 IBM Carbon Chakra UI 3 Microsoft Fluent 2 GOV.UK Frontend Mantine 8 Shopify Polaris GitHub Primer Radix Themes 3 shadcn/ui on Tailwind CSS Adobe Spectrum 2
intent · transfer.confirm
Confirm.title Confirm.description DetailList · receipt cancel primary
primary secondary surface borderAa Roboto 22 / 1.27
Send £250.00 to Alex Kim?
The money leaves your account immediately and can't be recalled.
Cancel Send £250.00
axe · 0 contrast · AA target ≥ 40 agent ✓ direction ✓
Monday Friday
same pattern same order same labels same controls
WCAG 2.2 AA agent ✓ direction ✓ score 100
verifier checks, stamped on top surface what people and agents get tokens from your design system components what the model chose intent · pattern what the request means
primary #65558f
Aa · Roboto 22 / 1.27
radius 28
inset 24 · stack 14
surface #f8f2fa
target ≥ 40
accessibility tree
alertdialog "Send £250.00 to Alex Kim?"
term "Amount" definition "£250.00"
button "Send £250.00"
button "Cancel"
agent
press "Send £250.00" → transfer.confirm ✓