A component set with tokens you can point at your own brand, packaged so Claude Design picks it up on load. It sits on whichever primitives you already use — what makes it worth having is that every state is drawn and every value is defined.
Colour, radius and type are variables. The look is a configuration change; the judgement underneath is not.
01The components →The inventory is unremarkable and deliberately so. What is added is the part that is usually left to the person implementing it: what each control means, and when it may not be offered.
02Shells and archetypes →Collapsible panels with headings. One open at a time, or several.
A callout stating something the reader must know before acting.
A decision that must be answered before anything else can happen.
An input that narrows a known set as you type, and never invents one.
A person, with a fallback that never leaves an empty circle behind.
Status as data. Every value the enum permits has a defined appearance.
The path to the current record. Every segment is a route that exists.
One primary action per surface, and never two.
A date picker with ranges and multiple selection.
A container that groups related information, and states what it is.
Toggles that wait for submit, rather than committing on click.
Shared state across a set, including the indeterminate parent.
A panel controlled by its own trigger, with no hidden state.
An input over a known set, with the chosen values held as chips.
A palette for searching and running the actions a screen permits.
A menu raised at the pointer, portalled clear of its container.
A field that opens a calendar, and accepts only real dates.
A surface that opens over the page and states what it will do.
A panel from the edge of the screen, with a handle you can find.
Nothing to show is a state that gets drawn, with a way out of it.
A control bound to its label, its hint and its error.
A group of controls under one legend, submitted together.
Validation held on the field, and a submit that says what it commits.
A framed region that names what it contains before it shows it.
Controls that belong together, sharing one border.
The plain field, with every state it can be in already drawn.
A field with what belongs beside it, inside the same border.
Shortcuts written the way the operating system writes them.
Bound to its control, so clicking it does what a label should.
Actions read from the record, with submenus where they belong.
A value inside a range, with the range stated.
A number with its own increment, and limits it will not pass.
A segmented code entry that keeps its place as you type.
Range and total derived from the set. There is no prop to pass.
A panel anchored to what opened it, and dismissed the same way.
A preview raised on hover, never the only place the fact exists.
A task with a known end, distinct from one without.
One of a set, where none and several are both impossible.
A scrolling region whose overlays are portalled out of it.
For switching a view. Never for taking an action.
A choice from a closed set, with nothing outside it accepted.
A division that screen readers can hear as well as see.
A flyout from the side, on the dialog’s own rules.
Loading shaped like the thing that is loading, so nothing jumps.
A value from a range, with the value legible without dragging.
For work with no known end. Anything measurable gets a progress bar.
Commits immediately. If it needs a save button, it is a checkbox.
Tabular figures, and a footer that derives its own totals.
Panels on one record. The set never changes what the record is.
Longer input, sized to what is expected of it.
Confirmation of something already done, never a question.
Two states, both of which look deliberate.
Shared state across a set of toggles, with one always true.
Grouped controls, with one primary action and never two.
A hint for a sighted user. Never the only place a fact exists.
So the shells are recipes, not templates. Each one must name three expressive choices and give a reason for each — which is where a product stops looking like everybody else’s.
03See them built →A list somebody acts on, sorted by what is burning down rather than by what arrived last.
severity orders the listOne object, its figures traced, and only the actions its current state permits.
actions read from the recordWhere somebody commits. Gated on evidence, and explicit about what cannot be undone.
gated, and reversible where it can beTwo sides that must agree, with the difference named rather than left to arithmetic.
the difference is a first-class figureReckon
Point the tokens wherever you like. The rules about derivation, affordance and coverage are not configurable, because they are the product.