Sibling contract
Monitor
Monitor is the governance layer over time: each call re-runs the drift checks on a URL and compares the result with the history the caller passes in, computing deltas against the first snapshot (the baseline) and the one before, so a regression shows on the run it lands. Nothing is scheduled, and the server keeps no history of its own (each result is cached for 24 hours); /monitor keeps the history in your browser.
Version 0.1.3 · provisional · machine export
Source authority
- Temporal gap
Weekly audits at cents per report. Drift detection without dedicated headcount.
- Into Design Systems 2026
- Drift shape
It surfaces the shape of how drift happens, which is the only way to stop it before it compounds.
- Cristian Morales Achiardi, Design Systems Collective 2026
- Competitor lane
- URL-scoped production fetch + design-token-aware checks + trend over the history the caller supplies
- Primary source
- Designesy design intelligence research 2026-08-01
Monitoring model
How it works
Each call re-executes the 12 drift checks (d01-d12) on the URL and returns a snapshot; the caller keeps it and passes the earlier snapshots back as history on the next call. Deltas are computed against the first snapshot in that history (the baseline): score delta, new violations, resolved violations, token-set mutations, and trend slope across the last 3 runs. Alert when score degrades beyond a threshold or when new violations appear.
Snapshot structure
Cadence options (planned)
Nothing runs on a schedule today: version 0.1.3 runs when it is called, on the history the caller passes in. These are the cadences the contract defines for a scheduler.
Alert triggers
Verification
10 checks. PASS=1, WARN=0.5, FAIL=0; SKIP (m01 and m02 on a first run) is not scored. Score = (points / scored checks) × 100. A≥90, B≥80, C≥70, D≥60, F<60. Note: the monitor score reflects governance health (is the watch working, is the site stable) rather than design quality, which is the /score surface.
Validation
Designesy monitor engine: on-demand re-scan + caller-supplied history + delta computation. Method: Re-run the 12 drift checks on each call, compute deltas vs the baseline and the previous run in the history passed in, fire alerts on threshold breach. Browser-only checks: None: all checks are static CSS analysis + snapshot diffing, no browser needed.
Open questions
- Snapshot storage is client-side (localStorage) in v0.1.0: production monitoring needs server-side persistence (database or KV store)
- Email alerting (m10) requires RESEND_API_KEY env var + verified sending domain (monitor@designesy.org): without the key, alerts surface in-UI only
- Scheduled cadence (daily/weekly/monthly) requires a cron runner (Vercel Cron Jobs): v0.1.0 monitors on manual trigger only
- Cross-page drift (drift mode 2) requires crawling multiple pages: the monitor checks the single URL it is given
- The 3-run trend slope (m04) needs 3 snapshots: the first 2 runs will show insufficient data
- Contract version drift (m09) reports the design contract version a run is scored against; snapshots do not record it yet, so a change between runs is stated rather than compared (until v0.1.1 m09 read the scanned site agent.json version, which on designesy.org is the catalog version)
Run it
Monitor any URL for drift over time: