Stop AI agents from
breaking your design system.
Install once. Every pull request gets DESIGN.md + token validation — missing CSS tokens, value mismatches, unused tokens, contrast, and structure checks. Catches drift before it merges.
Free for 1 repo · No credit card required
01
Install the GitHub App
60-second setup. Select which repos to monitor.
02
Add DESIGN.md to your repo
Use our free editor or the AI generator. Commit to root.
03
Every PR gets checked
Token coverage, value mismatches, contrast, refs, and section order — automatically.
What engineers see on every PR
designmd · Design system check ⚠️
2 errors · 1 warning · checked DESIGN.md at a3f2c1b
colors.primaryToken value mismatch for colors.primary.
Expected: #1976d2 · Actual: #2196f3
spacing.mdDesign token spacing.md is not defined as a CSS variable.
Expected: --spacing-md
css.main-blueCSS variable --main-blue is defined but not mapped from DESIGN.md tokens.
Apply Fix Suggestions
Existing lint messages stay. DriftGuard also adds a copy-ready fix and a GitHub suggestion block.
Suggested fix: add typography tokens
```suggestion
typography:
h1:
fontFamily: "Inter"
fontSize: "40px"
fontWeight: 700
lineHeight: "1.2"
body-md:
fontFamily: "Inter"
fontSize: "16px"
fontWeight: 400
lineHeight: "1.5"
```Powered by driftguard.vercel.app · Dashboard