Topic
A design system is a shared library of reusable UI components, style tokens, and guidelines teams use to build consistent interfaces across products.
Griffiths Waite argues in InfoQ that coding agents now make a company-wide UI component package hard to justify. Its plan depends on visual-regression, accessibility and token-conformance tests catching what regenerated code gets wrong.
Reality
GitHub says moving its Primer design system from CSS-in-JS to CSS Modules cut server-side render time by 55% and component initialization time by 25%. The switch took styling work out of the browser and server at runtime, one feature-flagged component at a time.
Reality
GitHub says moving every Primer component from runtime CSS-in-JS to CSS Modules cut server-side render time by 55% and component initialization by 25%. The figures come from GitHub's own pages without baselines, so they hold elsewhere only where styling work grows with component count as it did at GitHub.
Reality
An internal tool at a video-generation service gave editors a choice between roughly thirty confirmation stops on an attended run and runAll, which skips the lot. About thirty-five PRs later, the attended path stops four times.
Reality
Custom-element markup that never reaches customElements.define() is still valid HTML a stylesheet can target. A dev.to write-up shows the CSS for a badge, including the display declaration the pattern cannot skip.
Reality
The @shadcn/lint README asks teams to write design-system rules a coding agent can verify, with errors that name the allowed substitute drawn from the project's own components, variants and theme.
Reality
The same component that felt instant on a dozen-entry filter recorded a 1,256 ms local INP on the Shoes brand filter, and Subito fixed it with about 90 lines of virtualization keyed to one measured row height.
Reality
A solo developer synced a production WooCommerce store to Russia's 1C ERP in real time over CommerceML, and the sharpest agent friction he records lands on a design token rule about corners.
Reality
An audit of 20 public design systems counted 564 off-scale values in Mastodon alone, and most of the work that came out of it went into silencing the hairline flags that get a lint rule switched off for good.
Reality
A retrospective on two and a half years of Lit Web Components, a custom element registry collision and a Figma-to-code pipeline shows how much careful engineering an unowned adoption problem can absorb.
Reality
The trigger was styled(Button), a call site that could win an argument the component never declared. Linear's requirement was that styling at a distance become difficult by construction, not merely discouraged, now that agents write UI diffs too.
Reality
A design engineer got emotion, two legacy utility frameworks and Tailwind 4 sharing pages by rewriting selectors at build time. Three earlier attempts had been fighting the wrong layer.
Reality