Prometheus Design System v2026-04-24
An auto-extracted design system for the Prometheus v3 web UI.
Tokens
36 tokens covering color, spacing, typography, and elevation.
ComponentsComponents
31 components with variants, do/don't, and layout specs.
ComponentsAction Items
18 PR-style tasks grouped by priority and effort.
AuditAudit Report
10 pages audited, 9 inconsistencies.
AuditFigma Plugin
Bootstrap variables + text styles in Figma from tokens.json.
Acknowledgements
The audited application is the Prometheus v3 web UI — a demo deployment of the open-source Prometheus project. It is built on Mantine v7 with highlight.js for syntax highlighting.
This docs site was generated by the design-system-extraction-code skill from a visual-audit handoff produced by the design-system-extraction-cowork skill.