reticlehq/reticle · skills/design-system-compliance/SKILL.md

design-system-compliance skillA

Check that the UI you actually rendered uses the design system, by reading computed styles in the running app against the project's design tokens. Catches hardcoded hex colors, off-palette backgrounds, invisible or unusable controls, and animations that never ran. Use after building or restyling a component, when a design review is wanted, when a UI looks slightly off but nobody can say why, or when a design system exists and nothing checks whether the code follows it.

Latest version
mdr add reticlehq/reticle/design-system-compliance@v2.13.1
Exact content
mdr add reticlehq/reticle/design-system-compliance@sha256:576f027c6f87ff66
Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_6jdk6llq6rix74x7.svg)](https://markdownregistry.com/a/art_6jdk6llq6rix74x7)

0 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
v2.13.1 latest2026-09-02 96d872c 4,038 BA view · diff
v2.13.02026-09-02 a6ee238 4,038 BA view · diff
v2.12.02026-09-02 9814709 4,038 BA view · diff
v2.9.02026-08-21 e019802 4,037 BA view · diff
v2.9.02026-08-17 ae66430 4,064 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.

Source

GitHub

reticlehq/reticle · 442 stars · license NOASSERTION · pushed 2026-09-06 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_6jdk6llq6rix74x7
GET https://markdownregistry.com/api/v1/resolve?ref=reticlehq/reticle/design-system-compliance
GET https://markdownregistry.com/api/v1/blob/576f027c6f87ff66d0c7ab827460983d4e69653433a576e2c72f09be8d7f5c07