A rigorous React design system for research writing, dense products, generated interfaces, agent workflows, and the strange space between them.
bun add @rubriclab/concreteSchemas, examples, states.
Same grid, four contexts.
React and image URLs.
Strict specs machines can use.
Layers build on each other. Each one does one thing well; together, they scale from a sentence of research to a working product surface.
Pressure changes composition, not the component contract. The same spatial system expands, compresses, focuses, or simplifies around the user's job.
Evidence stays selected, readable, and paced.
Generous margins, long measures, open rhythm, and selected proof.
High information density, efficient scanning, persistent tools, and visible states.
Output is focused into one immediately useful panel.
Focused flow, one useful output, progressive reveal, and inline artifacts.
Simplified frames, clear annotations, mocked fidelity, and easy scanning.
Every public item carries typed props, examples, states, usage guidance, generated controls, DOM render routes, and screenshot routes from one package-owned definition.