designesy.org/guardrails6 filescompiled CSSDTCG and DESIGN.mdcontract 0.1.3 provisional
Guardrails
Turn a live site's tokens into a build contract an AI coding agent reads before it writes UI: the tokens, the lint rules that hold them, and the rules for using them.
Six files an AI coding agent reads before it writes UI.
Emit from a URL and each file fills in with its size. Pick a file to read it below.
- Files written
- 0 of 6
- Bundle size
- 0 KB
The grade counts files written. It says nothing about the design itself; the contract score does.
- pass
- needs work
- fail
- does not apply
Method
Fetch the page
The HTML at the URL and every stylesheet it links.
Extract the tokens
Every custom property the site declares, converted to the W3C DTCG format.
Write six files
Tokens, lint rules, agent rules, a component contract, anti-patterns and a DESIGN.md.
Grade the bundle
Each file written counts 1, over six. The grade measures the bundle, and the contract score measures the design.
score = files written ÷ 6 × 100A ≥ 90B ≥ 80C ≥ 70D ≥ 60F belowStatic analysis and generation: no browser, no login.