Open Source · MIT License · v0.2.2

AI writes code.
Your design survives.

drift-guard locks your design tokens before AI agents touch your code,
then detects and blocks any unauthorized changes. Zero overhead. Pure CLI.

130Tests Passing
5AI Tools
0Token Overhead
<1sCheck Speed
Try the Interactive Demo

See It In Action

Click through each step to see how drift-guard protects your design from AI agents.

your-app.html
Features Pricing Get Started

Build faster with AI

The modern platform for teams that ship.

⚡

Lightning Fast

Sub-second builds with zero config.

🔒

Secure

Enterprise-grade security built in.

🚀

Scalable

From prototype to production.

🛡️
Design Locked
Terminal
$ _

3 Commands. That's It.

01

Lock

npx drift-guard init

Scans CSS, HTML, Tailwind config. Extracts every design token. Creates an immutable snapshot.

02

Protect

npx drift-guard rules

Generates .cursorrules, CLAUDE.md, AGENTS.md — AI agents now know your design is sacred.

03

Guard

npx drift-guard check

Compares current code against snapshot. Catches drift. Returns exit code 1 for CI. Under 1 second.

Why Not Visual Regression Testing?

Feature 🛡️ drift-guard BackstopJS / Percy
WhenBefore commit (pre-commit)After deploy (QA)
WhatDesign tokens (code-level)Screenshots (pixel-level)
AI-aware✅ Generates agent rules❌ No AI integration
Speed< 1 secondMinutes
DependenciesZero (no browser)Headless Chrome
Token overhead0 tokens (CLI)N/A
CostFree, forever$99+/mo

Ready to protect your design?

npx drift-guard init
⭐ Star on GitHub 📦 View on npm