pristine

Lens · Make it hold up

harden

Make it survive real names, real networks and real people.

Tries hard to break the design, then makes every broken case look intentional: long text, empty data, slow loads, errors, keyboard only, screen readers, 200% zoom.

When to use it

It raises
Robustness & performance, Accessibility
Skip it when
The happy path itself is unclear (fix that first with layout or clarify).

Try it

/pristine polish harden the team members table

Tell it your worst real data and it tests that first.

What it changes

Typical before and after values for harden
BeforeAfter
A 40-character company name breaks the card layoutIt truncates with a tooltip, and the full name is in the accessible label
Loading shows a blank page for 2 secondsA skeleton that matches the final layout, with no shift when data arrives

Laws it applies

Used in these examples