← Back to LabDebora’s Lab / Publication

Metrics are not decisions: reading design-system health from real signals.

An independent experiment in making repository activity, checks and maintenance signals legible enough to act on. The demo reads public GitHub data.

Written from practice↓ Read the field note

This is an independent experiment that joins live GitHub and Storybook signals around a design-system component. I wanted to test one question: how does an observatory turn changing evidence into a decision someone can make?

Start with the decision

A metric is a reading, not an instruction. A failed workflow, an import count or a missing documented state only matters when a maintainer can tell what changed and where to look next.

I built the experiment around a smaller decision: which component deserves attention now? The interface keeps status, technical adoption and documentable behaviour in the same view instead of hiding each source in a separate tool.

Let one component change the whole view

The selector is the centre of the experiment. Choosing a component asks the server for its current import count, then updates the code-adoption bar and its position on the attention map.

Storybook supplies a second live reading: the number of published stories associated with that component. The comparison does not claim that more stories automatically mean better documentation. It exposes the surface someone can inspect.

Make source and uncertainty visible

GitHub supplies the repository, workflow, issue and import signals. The published Storybook index supplies stories and documentation pages. Both are cached for an hour so the public sources are treated respectfully.

Figma is different. The current view is an exploratory mapping based on the published component catalogue, showing how inserts, files and detaches would appear when Library Analytics is available. It is deliberately described as a preview, not counted as live evidence.

Use visuals to direct attention

The health ring makes the latest automated check the first reading. Bars compare code adoption and Storybook states. The signal map shows the selected component beside workflow risk and the exploratory Figma point.

That does not automate a maintenance decision. It makes the reason for attention inspectable before someone acts, then routes the person back to the original workflow or repository.

[ Live system observatory ]

See the system, then decide where to look.

GitHub supplies the live signals. The Figma view is a preview of Library Analytics, ready to connect when that data becomes available.

Design system / signal map Reading public source
Latest automated check

Reading

GitHub Actions is the main signal. It tells a maintainer where to begin, not what conclusion to draw.

01 / Code + docsGitHub · Storybook
Button0 consumer files
Storybook states explorables

stories and documentation pages published in Storybook.

02 / Figma adoptionExploratory API
Component inserts
last 30 days
files · 2 teams · detaches

Exploratory API view, mapped from the published component catalogue. Ready to replace with Library Analytics when available.

03 / Attention mapLive + preview
adoption →risk →A11yButtonFigma

Button is positioned from its live code adoption; the Figma point is illustrative.